도쿄에서 개발하기

구문 자바스크립트의 slice 함수는 원본 배열은 유지하고 begin부터 end까지(end 미포함)의 새로운 배열 객체를 반환합니다. arr.slice([begin[, end]]) 파라미터 begin(Optional) 추출 시작할 배열의 index 음수 index일 경우 배열의 끝에서부터의 길이를 의미 예) slice(-2)는 배열의 마지막 2개의 요소를 추출 값이 undefined일 경우 index 0과 동일 동작 배열의 길이보다 큰 index일 경우 빈 배열 반환 end(Optional) 추출 종료할 배열의 index, end index를 제외 하고 추출 예) slice(1, 4)는 두번째 요소부터 네번째 요소까지 (1, 2, 3) 추출 음수 index일 경우 배열의 끝에서부터의 길이를 의미 예) s..

구문 자바스크립트의 find 함수는 callback함수의 조건에 만족하는 첫번째 요소의 값을 반환합니다. arr.find(callback(element[, index[, array]])[, thisArg]) 파라미터 callback function 각 요소의 조건을 판단할 함수 다음 3가지의 인수를 가집니다. element - 배열의 현재 요소 index(Optional) - 배열의 현재 요소의 인덱스 array(Optional) - 호출한 배열 thisArg(Optional) callback함수를 실행할때 this로 사용되는 값 반환 값 배열 요소를 순회하며 callback 함수을 실행하고 결과가 true(조건에 만족)할 경우 요소의 값을 즉시 반환하고 순회를 멈춥니다. 만족하는 요소가 하나도 존재하지..

비구조화 할당/ 구조분해 할당이란? 배열이나 객체의 속성을 바로 개별 변수에 할당하는 JavaScript의 표현식입니다. 구문 1. 배열 const [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 2. 오브젝트 const { a, b } = { a: 10, b: 20 }; console.log(a); // 10 console.log(b); // 20 예제 1. 배열 / 오브젝트의 나머지 값 할당 cosnt arr = [10, 20, 30, 40, 50]; const [a, b, ...rest] = arr; console.log(a); // 10 console.log(b); // 20 console.log(rest); // [30, 40, 5..

구문 자바스크립트의 reduce함수는 배열의 각 요소를 순회하며 callback함수의 실행 값을 누적하여 하나의 결과값을 반환 합니다. arr.reduce(callback[, initialValue]) 파라미터 callback function 다음 4가지의 인수를 가집니다. accumulator - accumulator는 callback함수의 반환값을 누적합니다. currentValue - 배열의 현재 요소 index(Optional) - 배열의 현재 요소의 인덱스 array(Optional) - 호출한 배열 callback함수의 반환 값은 accumulator에 할당되고 순회중 계속 누적되어 최종적으로 하나의 값을 반환합니다. initialValue(Optional) 최초 callback함수 실행 시 ..

구문 자바스크립트의 map함수는 callback함수 실행한 결과 반환값으로 배열의 길이, 순서를 유지한 새로운 배열을 만듭니다. arr.map(callback(currentValue[, index[, array]])[, thisArg]) 파라미터 callback function callback함수는 다음 3가지의 인수를 가집니다. currentValue - 배열의 현재 요소 index(Optional) - 배열의 현재 요소의 인덱스 array(Optional) - 호출한 배열 thisArg(Optional) callback함수를 실행할때 this로 사용되는 값 반환 값 배열을 순서대로 불러 각 요소에 대해 callback 함수을 실행한 결과로 새로운 배열을 만듭니다. 예제 1. 배열 속 숫자의 제곱을 구..