.includes() / .indexOf()

30 Jan 2023 - Less than 1 minute read

📑 자바스크립트 Array / Array Method

.includes()

---

• 문자열이 특정 문자열을 포함하는지 확인하는 메서드

• 존재하면 true, 존재하지 않으면 false 리턴

• • includes(searchElement)

  • includes(searchElement, n) : n번째 인덱스부터 검색

ex)

var array = [1, 30, 23, 11];
console.log(array.includes(23));    //true
console.log(array.includes(2));     //false

var strArray = ['red', 'blue', 'green', 'black'];
console.log(strArray.includes('blue', 1));  //true
console.log(strArray.includes('blue', 2));  //false

.indexOf()

---

TypeError : 개체가 ‘includes’ 속성이나 메서드를 지원하지 않습니다.

크롬에선 잘 되던 includes(),, 엣지/인터넷익스플로러에서 TypeError가 발생했다 😣
➡ 모든 브라우저에서 지원하는 indexOf()로 바꿔주자 🙃

• 문자열에서 해당 문자가 포함된 인덱스 리턴

• 존재하지 않으면 -1 리턴

• • indexOf(searchElement)

  • indexOf(searchElement, n) : n번째 인덱스부터 검색

ex)

var array = [1, 30, 23, 11];
console.log(array.indexOf(23));     //2
console.log(array.indexOf(2));      //-1

var strArray = ['red', 'blue', 'green', 'black'];
console.log(strArray.indexOf('blue', 1));   //1
console.log(strArray.indexOf('blue', 2));   //-1
console.log(strArray.indexOf('blue', -1));  //-1

.includes & .indexOf()

---

var array = ['hi', 'bonjour', 'hola'];

if (array.includes('hi')) {
    console.log('👋');
}

if (array.indexOf('hi') != -1) {
    console.log('🙌');
}

// 👋
// 🙌