JavaScript - 배열에 특정 값이 포함되어있는지 확인

배열 안에 특정 값이 있는지 확인하는 방법을 소개합니다. 배열에 어떤 값을 추가할 때, 이미 추가되어있는지 확인이 필요합니다.

1. includes()로 특정 요소가 배열에 있는지 확인

Array.includes()는 인자로 전달된 요소가 배열에 포함되어있는지 확인합니다. 배열 안에 있으면 true, 없으면 false를 리턴합니다.

let arr1 = [1, 2, 3, 4];

if (arr1.includes(3)) {
  console.log("It has 3");
}

if (!arr1.includes(5)) {
  console.log("It doesn't have 5");
}

Output:

It has 3
It doesn't have 5

2. indexOf()로 특정 값이 배열에 있는지 확인

Array.indexOf()는 인자로 전달된 요소가 배열에 포함되어있으면 요소의 위치에 해당하는 Index를 리턴합니다. 없으면 -1을 리턴합니다.

let arr1 = [1, 2, 3, 4];

if (arr1.indexOf(3) > -1) {
  console.log("It has 3");
}

if (arr1.indexOf(5) == -1) {
  console.log("It doesn't have 5");
}

Output:

It has 3
It doesn't have 5

3. findIndex()로 특정 값이 배열에 있는지 확인

findIndex()는 인자로 함수를 전달하며, 모든 요소를 순회하는 과정에서 함수의 조건을 가장 먼저 만족하는 인자의 Index가 리턴됩니다. 어떤 요소도 만족하지 않는다면 -1이 리턴됩니다.

let arr1 = [1, 2, 3, 4];

if (arr1.findIndex(n => n == 3) > -1) {
  console.log("It has 3");
}

if (arr1.findIndex(n => n == 5) == -1) {
  console.log("It doesn't have 5");
}

Output:

It has 3
It doesn't have 5
Loading script...
codechachaCopyright ©2019 codechacha