Array Method 정리3 ( from(), includes(), indexOf(), join(), map() )

1) find() : 유사배열 객체나 반복 가능한 객체(iterable object)를 얕게 복사해서 새로운 Array 객체를 생성한다.

// Array.from([유사 배열 객체 or iterable 객체], callback)
console.log(Array.from("foo")); // ["f","o","o"]
console.log(Array.from([1, 2, 3], (x) => x + x)); // [2,4,6]

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

// Array.includes(value, startIndex)
const arr = [1, 2, 3];
console.log(arr.includes(2)); // true
console.log(arr.includes(2, 2)); // false

3) indexOf() : 배열에 지정된 요소를 찾았을때 첫번째 인덱스를 반환하고 없는 경우는 -1를 반환한다.

// Array.indexOf(searchElement, fromIndex)
const arr = ["a", "b", "c", "a", "b"];
console.log(arr.indexOf("a")); // 0
console.log(arr.indexOf("a", 1)); // 3

4) join() : 배열의 모든 요소를 하나의 문자열로 연결하여 반환한다.

// Array.join(separator)
const arr = ["dont", "do", "that"];
console.log(arr.join()); // dont,do,that
console.log(arr.join(" ")); // dont do that

5) map() : 배열의 모든 요소들을 주어진 함수에 의한 결과를 새로운 배열을 반환한다.

// Array.map(callback(value, index))
const arr = [1, 2, 3];
console.log(arr.map((v) => v + 2)); // [ 3, 4, 5 ]
console.log(arr.map((value, index) => index + 2)); // [ 2, 3, 4 ]