반응형
반복문7
reduce - 자바스크립트
reduce() 함수는 배열의 각 요소에 대해 주어진 콜백 함수를 실행하면서 하나의 결과값을 반환합니다. 이 함수는 배열의 각 요소를 순차적으로 처리하며, 이전 요소의 반환값과 현재 요소를 인자로 받아 새로운 값을 계산하고 반환합니다. 이전 요소의 반환값이 다음 요소의 인자로 전달되는 과정을 반복하면서, 최종적으로 하나의 값을 반환합니다. arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue]) callback: 배열의 각 요소에 대해 실행할 함수입니다. 이 함수는 accumulator 매개변수와 currentValue 매개변수를 받습니다. accumulator는 이전 요소에서 반환된 값입니다. currentValu..
map - 자바스크립트
map() 메소드는 배열의 모든 요소에 대해 지정된 함수를 호출하여 새로운 배열을 만듭니다. map()은 기존 배열을 변경하지 않으며, 새로운 배열을 반환합니다. 이때 반환되는 새로운 배열은 기존 배열과 동일한 길이를 가지며, 각 요소는 함수에 의해 변환된 값으로 채워집니다. array.map(function(currentValue, index, array) { // 변환 작업 수행 후 반환 }); map() 메소드의 인자는 콜백 함수(callback function)입니다. 이 함수는 배열의 각 요소마다 실행되며, 다음과 같은 매개변수를 받습니다. currentValue: 현재 처리 중인 요소의 값 index: 현재 처리 중인 요소의 인덱스 array: map() 메소드를 호출한 배열 콜백 함수는 기존..
filter - 자바스크립트
filter() 함수는 배열에서 특정 조건을 만족하는 요소들로 이루어진 새로운 배열을 반환합니다. 이 함수는 콜백 함수를 인자로 받아서 배열의 각 요소마다 콜백 함수를 실행하고, 콜백 함수가 true를 반환하는 요소들만 새로운 배열에 포함시킵니다. filter() 함수는 원본 배열을 변경하지 않고, 새로운 배열을 반환하기 때문에, 함수를 호출한 후에도 원본 배열은 그대로 유지됩니다. arr.filter(callback(element[, index[, array]])[, thisArg]) callback: 배열의 각 요소에 대해 실행할 함수입니다. 이 함수는 element 매개변수로 현재 처리 중인 요소를 받습니다. 두 번째 매개변수로는 index가 전달될 수 있으며, 이는 현재 요소의 인덱스입니다. 마지..
for... in, for... of - 자바스크립트
기본 for문과 마찬가지로 for...in과 for...of은 모두 반복문입니다. 그러나 각각의 반복문은 다른 형태의 데이터를 반복하는 데 사용됩니다. for...in 반복문은 객체의 속성을 반복하는 데 사용됩니다. 이 반복문은 객체의 속성 이름을 반복하며, 각각의 속성에 대한 값을 얻으려면 해당 속성 이름을 사용하여 객체에 접근해야 합니다. const obj = { a: 1, b: 2, c: 3 }; for (let prop in obj) { console.log(prop); // "a", "b", "c" console.log(obj[prop]); // 1, 2, 3 } for...in 반복문은 객체의 속성을 반복하는 데 사용되지만, 배열에서도 사용이 가능합니다. 그러나 배열에서 for...in 반복문..
반복문(for) - 자바스크립트
for 문은 반복문을 나타내는 구문입니다. for 문을 사용하면 코드를 지정한 횟수만큼 반복해서 실행할 수 있습니다. for (초기식; 조건식; 증감식) { // 조건식이 true일 동안 반복할 코드 } 위의 코드에서 초기식은 반복문이 실행되기 전에 단 한 번 실행됩니다. 조건식은 매 반복마다 평가되며, true(참)일 때만 중괄호 안에 있는 코드 블록이 실행됩니다. 증감식은 매 반복이 끝날 때마다 실행됩니다. for 문에서 사용되는 세미콜론(;)은 각 구문을 구분하는 역할을 합니다. 따라서 초기식, 조건식, 증감식은 각각 세미콜론으로 구분되어야 합니다. for (let i = 0; i < 5; i++) { console.log(i); } // 0 // 1 // 2 // 3 // 4 위의 코드에서는 i ..
반응형