[JavaScript] 자바스크립트 [배열 메소드] [5] 요소 포함 여부, 해당 요소의 값 찾기, 문자열을 배열로 변환, Object의 Array 여부 확인 (include, find, findIndex, split, isArray)

📝include

let arr = [1, 2, 3];
console.log(arr.includes(2)); // true
console.log(arr.includes(8)); // false

배열 안에 해당 값이 있는지 여부를 반환합니다

 

📝find, findIndex

let userList = [
    { name: "Mike", age : 30},
    { name: "Jane", age : 27},
    { name: "Tom", age : 10}
]

let find = userList.find((user) => {
    return user.age > 19 ? true : false;
})
console.log(find); // { name: 'Mike', age: 30 }

let findIndex = userList.findIndex((user) => {
    return user.age < 19 ? true : false;
})
console.log(findIndex); // 2    // { name: "Tom", age : 10}

find로 해당 조건에 만족하면 해당 값을 찾아(find) 반환합니다 return true로 반환될 거 같지만 해당 값이 있으면 해당 값을 찾아서 반환해주고 없는 경우 return false로는 undefined가 반환됩니다

findIndex로 해당 조건에 만족하면 해당 인덱스 값을 반환합니다 만족하는 값이 없으면 -1을 반환합니다

 

 

📝split

const users = "Mike,Jane,Tom,Toney";
const result = users.split(",");
console.log(result); // [ 'Mike', 'Jane', 'Tom', 'Toney' ]

const result2 = users.split("");
console.log(result2);
// [
//     'M', 'i', 'k', 'e', ',',
//     'J', 'a', 'n', 'e', ',',
//     'T', 'o', 'm', ',', 'T',
//     'o', 'n', 'e', 'y'
// ]

문자열을 split로 나눌 때 해당 요소들을 배열로 반환합니다 만약 아무값도 안 적을 경우 한 글자씩  분해시킵니다

 

📝isArray

let numbers = [1, 2, 3, 4];
console.log(typeof numbers); // object

console.log(Array.isArray(numbers)); // true

typeof로 Array을 조사하면 object가 나오는데 이러면 이게 배열인지 다른 Object인지 알 수가 없습니다 isArray는 Array인 경우 true를 아니면 false를 반환합니다

 

🔗 참고 및 출처

https://www.youtube.com/watch?v=G360D6lqrfo&list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4&index=6 
https://www.youtube.com/watch?v=pJzO6O-aWew&list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4&index=7