[Javascript] 배열에서 사용가능한 메서드 5종

jojaljaejal·2025년 1월 16일

forEach includes indexOf findIndex find


forEach

const numbers = [1, 2, 3, 4, 5];
numbers.forEach((v, i) => {
    console.log(`Index: ${i}, Value: ${v}`);
});
Index: 0, Value: 1
Index: 1, Value: 2
Index: 2, Value: 3
Index: 3, Value: 4
Index: 4, Value: 5

includes

const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.includes('banana'));  // true
console.log(fruits.includes('grape'));   // false
// 배열에 특정 값이 포함되어 있는지 여부를 확인하는 메소드, boolean 값을 반환

indexOf

const colors = ['red', 'green', 'blue'];
console.log(colors.indexOf('green'));  // 1
console.log(colors.indexOf('yellow')); // -1

// 메소드는 배열에서 특정 값이 처음 등장하는 인덱스를 반환, 값이 배열에 없으면 -1을 반환.

findIndex

const numbers = [5, 12, 8, 130, 44];
const index = numbers.findIndex((num) => num > 10);
console.log(index);  // 1 (12가 첫 번째로 10보다 큼)


// 배열에서 주어진 테스트 함수를 만족하는 첫 번째 요소의 인덱스를 반환.
// 조건을 만족하는 요소가 없으면 -1을 반환.

find

const users = [
    { name: 'Alice', age: 25 },
    { name: 'Bob', age: 30 },
    { name: 'Charlie', age: 35 }
];

const user = users.find((user) => user.age > 30);
console.log(user);  // { name: 'Charlie', age: 35 }



//  배열에서 주어진 조건을 만족하는 첫 번째 요소를 반환.
// 조건을 만족하는 요소가 없으면 undefined를 반환.

profile
Ader_Error

0개의 댓글