반응형
javascript21
indexOf - 자바스크립트
indexOf() 함수는 배열에서 주어진 값과 일치하는 첫 번째 요소의 인덱스를 반환하는데 사용됩니다. 일치하는 요소가 없으면 -1을 반환합니다. 이 함수는 배열에서 원하는 값을 찾을 때 사용할 수 있으며, 주어진 값이 배열에 존재하는지 여부를 확인할 때도 사용할 수 있습니다. const animals = ['cat', 'dog', 'elephant', 'bee', 'ant']; const foundIndex = animals.indexOf('elephant'); console.log(foundIndex); // 출력: 2 위의 코드에서 animals 배열에서 'elephant' 값의 인덱스를 찾습니다. indexOf() 함수가 실행되고, 'elephant'가 배열의 인덱스 2에서 발견되므로 2를 반환합..
concat - 자바스크립트
concat() 메서드는 배열(Array)에 다른 배열이나 값(value)을 추가하여 새로운 배열을 만듭니다. concat() 메서드는 기존 배열을 변경하지 않으며, 새로운 배열을 반환하기 때문에, 원래 배열과 추가된 배열의 순서는 유지됩니다. let arr1 = [1, 2, 3]; let arr2 = [4, 5, 6]; let arr3 = arr1.concat(arr2); console.log(arr3); // [1, 2, 3, 4, 5, 6] console.log(arr1); // [1, 2, 3] console.log(arr2); // [4, 5, 6] 위 코드에서 arr1과 arr2 배열을 concat() 메서드를 사용하여 연결한 후, 새로운 배열 arr3을 만들어 출력합니다. concat() 메..
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가 전달될 수 있으며, 이는 현재 요소의 인덱스입니다. 마지..
반응형