FE/JavaScript
-
자바스크립트에서 랜덤으로 숫자를 추출하는 경우, Math.random() 매서드를 활용한다. Math.random() 매서드와 사용방법에 대해 알아보자. 1. Math.random()Math.random() 함수는 0이상 ~ 1미만의 난수를 생성한다 Math.random(); 2. Math.floor()Math.floor() 함수는 해당 숫자와 같거나, 해당 숫자보다 더 작은 정수를 반환한다.Math.floor(2.5); //결과 2Math.floor(-2.5); //결과 -3 3. 범위가 지정된 랜덤 숫자 추출하기 3.1 ) Math.random() 함수를 이용하여, 숫자의 범위 지정하기랜덤 숫자의 범위를 지정할 수 있다. Math.random()*(최대값 - 최소값 + 1) + 최소값 3.2)..
[Javascript] 난수 생성, 랜덤 숫자 추출하기자바스크립트에서 랜덤으로 숫자를 추출하는 경우, Math.random() 매서드를 활용한다. Math.random() 매서드와 사용방법에 대해 알아보자. 1. Math.random()Math.random() 함수는 0이상 ~ 1미만의 난수를 생성한다 Math.random(); 2. Math.floor()Math.floor() 함수는 해당 숫자와 같거나, 해당 숫자보다 더 작은 정수를 반환한다.Math.floor(2.5); //결과 2Math.floor(-2.5); //결과 -3 3. 범위가 지정된 랜덤 숫자 추출하기 3.1 ) Math.random() 함수를 이용하여, 숫자의 범위 지정하기랜덤 숫자의 범위를 지정할 수 있다. Math.random()*(최대값 - 최소값 + 1) + 최소값 3.2)..
2024.06.30 -
replace()와 replaceAll()replace()와 replaceAll() 함수는 모두 자바스크립트에서 문자열의 특정한 문자 또는 문자열을 치환하는 함수이다.replace()는 조건 대상이 되는 첫 번째 문자 하나만 변경되어서 반환한다.const message = "Hello Hello world!";// "Happy Hello world!"document.write(message.replace("Hello", "Happy")); * replace()함수는 전달받은 문자를 수정하는 것이 아니라, 새로운 값을 만들어 '반환'한다 (기존의 문자는 그대로 존재) replaceAll()은 조건 대상이 되는 모든 문자를 만들어 반환한다. const message = "Hello Hello world!"..
[Javascript] replace(), replaceAll() - 문자열의 일부 문자 치환하기replace()와 replaceAll()replace()와 replaceAll() 함수는 모두 자바스크립트에서 문자열의 특정한 문자 또는 문자열을 치환하는 함수이다.replace()는 조건 대상이 되는 첫 번째 문자 하나만 변경되어서 반환한다.const message = "Hello Hello world!";// "Happy Hello world!"document.write(message.replace("Hello", "Happy")); * replace()함수는 전달받은 문자를 수정하는 것이 아니라, 새로운 값을 만들어 '반환'한다 (기존의 문자는 그대로 존재) replaceAll()은 조건 대상이 되는 모든 문자를 만들어 반환한다. const message = "Hello Hello world!"..
2024.06.22 -
includes() 함수Include() 메서드는 문자열에 다른 문자열이 포함되어 있는지 여부를 확인한다.배열에서도 사용 가능하다string.includes(searchString [,position]) Include() 메서드는 문자열에서 searchString이 발견되면 true를 반환하고, 그렇지 않으면 true를 반환합니다. 그렇지 않으면 false를 반환한다.position 매개변수(optional)는 searchString 검색을 시작할 문자열 내의 위치를 지정한다. 위치의 기본값은 0입니다.include()는 대소문자를 구분하여 문자열과 일치한다. 배열 let arr = [1, 2, 3, 4, 5];if (arr.includes(3)) { console.log('배열에 숫자 3이 포함되..
[Javascript] includes() 함수 사용방법includes() 함수Include() 메서드는 문자열에 다른 문자열이 포함되어 있는지 여부를 확인한다.배열에서도 사용 가능하다string.includes(searchString [,position]) Include() 메서드는 문자열에서 searchString이 발견되면 true를 반환하고, 그렇지 않으면 true를 반환합니다. 그렇지 않으면 false를 반환한다.position 매개변수(optional)는 searchString 검색을 시작할 문자열 내의 위치를 지정한다. 위치의 기본값은 0입니다.include()는 대소문자를 구분하여 문자열과 일치한다. 배열 let arr = [1, 2, 3, 4, 5];if (arr.includes(3)) { console.log('배열에 숫자 3이 포함되..
2024.06.22 -
아래 코드를 작성하는데, 배열이 계속 변경되어서 애를 먹었다. 또한, 비교도 잘 되지 않았다.알고보니 forEach,비교 연산자, map()메서드 등 자바스크립트의 기본 원리를 숙지하지 못해서 발생한 문제인 것. 문제https://school.programmers.co.kr/learn/courses/30/lessons/181881 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 기존 코드function solution(arr) { function transfer_arr(lst){ lst.forEach((element,index)=>{ ..
[Javascript] forEach() vs map() / 배열의 비교 / 배열의 값 변경아래 코드를 작성하는데, 배열이 계속 변경되어서 애를 먹었다. 또한, 비교도 잘 되지 않았다.알고보니 forEach,비교 연산자, map()메서드 등 자바스크립트의 기본 원리를 숙지하지 못해서 발생한 문제인 것. 문제https://school.programmers.co.kr/learn/courses/30/lessons/181881 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 기존 코드function solution(arr) { function transfer_arr(lst){ lst.forEach((element,index)=>{ ..
2024.06.22 -
코딩테스트 문제를 풀 때, 문자열을 배열로 변환해야 하는 경우가 많이 있다. 예) 'string' -> ['s', 't', 'r', 'i', 'n', 'g'] 이럴 때, 흔히 쓰는 방법은 크게 3가지가 있다. 1) String.prototype.split() : 스트링 프로토타입 메서드 split2) [...string] : 스프레드 연산자 (ES6부터 추가)3) Array.from(string) : Array 객체의 정적 메서드 1. String.prototype.split()split() 메서드는 구분자로 문자열을 분리하여 배열로 변환한다. 예시1) const str = 'The quick brown fox jumps over the lazy dog.';const words = str.split(..
[Javascript] 문자열을 배열로 변환하는 방법코딩테스트 문제를 풀 때, 문자열을 배열로 변환해야 하는 경우가 많이 있다. 예) 'string' -> ['s', 't', 'r', 'i', 'n', 'g'] 이럴 때, 흔히 쓰는 방법은 크게 3가지가 있다. 1) String.prototype.split() : 스트링 프로토타입 메서드 split2) [...string] : 스프레드 연산자 (ES6부터 추가)3) Array.from(string) : Array 객체의 정적 메서드 1. String.prototype.split()split() 메서드는 구분자로 문자열을 분리하여 배열로 변환한다. 예시1) const str = 'The quick brown fox jumps over the lazy dog.';const words = str.split(..
2024.06.21 -
forEach()배열의 모든 요소에 대해, 동작하게 해주는 메소드이다. 전달하는 매개변수와 기능이 map() 과 유사하다. 그러나, forEach() 함수는 return값이 없다.따라서, 해당 메소드를 호출하면 undefined가 출력된다.예를 들어, 기존 배열을 수정하기만 하는 상황과 같이, 새로운 배열을 리턴해줘야 하는 상황이 아니라면 forEach() 를 사용하는 것이 더 바람직하다const arr=[1,2,3,4];arr.forEach((i)=>{ if(i===1){ arr[i]=4; }})console.log(arr); // [1,4,3,4] indexOf문자열에서 특정 문자열을 찾아서 첫번째 위치를 인덱스 숫자로 리턴해주는 메소드이다. 2가지 매개변수로 '찾을 문자열'과 '시..
[Javascript] Array 메소드 정리( forEach,indexOf,map,filter,fill,includes)forEach()배열의 모든 요소에 대해, 동작하게 해주는 메소드이다. 전달하는 매개변수와 기능이 map() 과 유사하다. 그러나, forEach() 함수는 return값이 없다.따라서, 해당 메소드를 호출하면 undefined가 출력된다.예를 들어, 기존 배열을 수정하기만 하는 상황과 같이, 새로운 배열을 리턴해줘야 하는 상황이 아니라면 forEach() 를 사용하는 것이 더 바람직하다const arr=[1,2,3,4];arr.forEach((i)=>{ if(i===1){ arr[i]=4; }})console.log(arr); // [1,4,3,4] indexOf문자열에서 특정 문자열을 찾아서 첫번째 위치를 인덱스 숫자로 리턴해주는 메소드이다. 2가지 매개변수로 '찾을 문자열'과 '시..
2024.06.21 -
Javascript에서 배열의 여러 원소들 중에서 최댓값, 최솟값을 구하는 방법을 정리해보자. 0. Math.max(), Math.min() 이란?1. Function.prototype.apply() 사용2. Spread Operator 사용 0. Math.max(), Math.min() 이란?Math.max()와 Math.min()은 파아리터로 입력받은 '숫자'들 중 최대값과 최소값을 구해서 리턴하는 함수이다. 그렇다면, '배열'에 담긴 여러 숫자 중 최소값과 최대값을 구하려면 어떻게 해야할까?배열에 담긴 원소들을 하나씩 꺼내서, Math.max()함수와 Math.min()함수의 파라미터로 전달하면 된다. 이렇게 하기 위해서는 크게 두 가지 방법을 사용할 수 있다.Function.prototype.a..
[Javascript] 배열에서 최대값, 최소값 구하기Javascript에서 배열의 여러 원소들 중에서 최댓값, 최솟값을 구하는 방법을 정리해보자. 0. Math.max(), Math.min() 이란?1. Function.prototype.apply() 사용2. Spread Operator 사용 0. Math.max(), Math.min() 이란?Math.max()와 Math.min()은 파아리터로 입력받은 '숫자'들 중 최대값과 최소값을 구해서 리턴하는 함수이다. 그렇다면, '배열'에 담긴 여러 숫자 중 최소값과 최대값을 구하려면 어떻게 해야할까?배열에 담긴 원소들을 하나씩 꺼내서, Math.max()함수와 Math.min()함수의 파라미터로 전달하면 된다. 이렇게 하기 위해서는 크게 두 가지 방법을 사용할 수 있다.Function.prototype.a..
2024.06.21 -
array.slice(start[,end])slice() 메서드는 어떤 배열의 begin 부터 end 까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환한다. 즉, 원본 배열은 바뀌지 않는다const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];console.log(animals.slice(2));// Expected output: Array ["camel", "duck", "elephant"]console.log(animals.slice(2, 4));// Expected output: Array ["camel", "duck"]console.log(animals.slice(1, 5));// Expected output: Array [..
[Javascript/리스트 슬라이싱] slice()와 splice()의 차이점array.slice(start[,end])slice() 메서드는 어떤 배열의 begin 부터 end 까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환한다. 즉, 원본 배열은 바뀌지 않는다const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];console.log(animals.slice(2));// Expected output: Array ["camel", "duck", "elephant"]console.log(animals.slice(2, 4));// Expected output: Array ["camel", "duck"]console.log(animals.slice(1, 5));// Expected output: Array [..
2024.06.21