Javascript Find, indexOf, includes

September 10, 2020

How to properly use Javascript Find

자바스크립트 find 로 배열에서 요소 찾기

Find

find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환한다.

js Find example

const array1 = [5, 12, 8, 130, 44]

const found = array1.find(element => element > 10)

console.log(found)
// expected output: 12

속성 중 하나를 사용하여 배열에서 객체 찾기

const inventory = [
  { name: "apples", quantity: 2 },
  { name: "bananas", quantity: 0 },
  { name: "cherries", quantity: 5 },
]

const result = inventory.find(fruit => fruit.name === "cherries")

console.log(result) // { name: 'cherries', quantity: 5 }

배열 요소의 위치를 찾을때 : indexOf()
배열 요소가 해당 배열에 존재하는지 확인할 때 : indexOf() or includes()

findIndex()

findIndex() 메서드는 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환한다.

만족하는 요소가 없으면 -1을 반환한다.

const array1 = [5, 12, 8, 130, 44]

const isLargeNumber = element => element > 13

console.log(array1.findIndex(isLargeNumber))
// expected output: 3

indexOf()

indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환한다.

const beasts = ["ant", "bison", "camel", "duck", "bison"]

console.log(beasts.indexOf("bison"))
// expected output: 1

// start from index 2
console.log(beasts.indexOf("bison", 2))
// expected output: 4

console.log(beasts.indexOf("giraffe"))
// expected output: -1

includes()

includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별한다.

const array1 = [1, 2, 3]

console.log(array1.includes(2))
// expected output: true

const pets = ["cat", "dog", "bat"]

console.log(pets.includes("cat"))
// expected output: true

console.log(pets.includes("at"))
// expected output: false

polyfills cdn

폴리필 cdn

https://cdnjs.com/libraries/js-polyfills

Blog Posts

DailyLog