[JS] 배열 함수

H Lee·2023년 7월 27일
0
post-thumbnail

배열 함수

forEach

함수를 인자로 받는 배열 메서드

const names = ['Alice', 'Bob', 'Charlie'];

for (let i = 0; i < names.length; i++) {
    console.log(name[i], i)
} // Alice 0  Bob 1  Charlie 2

names.forEach((item, index) => {consol.log(item, index)})
// Alice 0  Bob 1  Charlie 2

map

새로운 배열을 반환. 기존의 배열을 변경하지 않고 각 요소를 가지고 새로운 배열을 만들 때 사용함

const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map((item, index) => {
  return item * 2; // 각 요소를 2배로 만들어 새로운 배열 생성
});

console.log(doubledNumbers); // [2, 4, 6, 8, 10]

filter

배열에서 특정 조건을 만족하는 요소들로 새로운 배열을 생성

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const evenNumbers = numbers.filter((item) => {
  return item % 2 === 0; // 짝수인 경우만 필터링하여 새로운 배열 생성
});

console.log(evenNumbers); // [2, 4, 6, 8, 10]

some

배열에서 최소한 하나의 요소가 특정 조건을 만족하는지 확인하는 배열 메서드

값이 true인 요소가 하나라도 있으면 true를 반환하고, 모든 요소가 조건을 만족하지 않으면 false를 반환

const numbers = [1, 3, 5, 7, 8, 9, 11];

const hasEvenNumber = numbers.some((item) => {
  return item % 2 === 0; // 하나 이상의 짝수 요소가 있는지 확인
});

console.log(hasEvenNumber); // true

every

배열의 모든 요소가 특정 조건을 만족하는지 확인하는 배열 메서드

반환 값이 모든 요소에 대해 true인 경우에만 true를 반환하고, 하나 이상의 요소가 조건을 만족하지 않으면 false를 반환

const numbers = [1, 3, 5, 7, 8, 9, 11];

const hasEvenNumber = numbers.every((item) => {
  return item % 2 === 0;
});

console.log(hasEvenNumber); // false

find

배열에서 특정 조건을 만족하는 첫 번째 요소를 찾아 반환하는 배열 메서드

find 메서드는 해당 조건을 만족하는 요소가 있는 경우 해당 요소를 반환하고, 없는 경우 undefined를 반환

const numbers = [1, 3, 5, 7, 8, 9, 11];

const firstEvenNumber = numbers.find((item) => {
  return item % 2 === 0; // 첫 번째로 발견된 짝수 요소를 찾음
});

console.log(firstEvenNumber); // 8

findIndex

해당 조건을 만족하는 요소가 있는 경우 해당 요소의 인덱스를 반환하고, 없는 경우 -1을 반환

const numbers = [1, 3, 5, 7, 8, 9, 11];

const firstEvenIndex = numbers.findIndex((item) => {
  return item % 2 === 0; // 첫 번째로 발견된 짝수 요소의 인덱스를 찾음
});

console.log(firstEvenIndex); // 4 
profile
메모

0개의 댓글