JavaScript Array

Array.from(arrayLike[, mapFn[, thisArg]])

1)유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만듭니다.

<div class="foods">
    <p> Hamburger </p>
    <p> Pizza </p>
    <p> spaghetti </p>
</div>
<script type="text/javascript">
const foods = document.querySelectorAll(".foods p");
// 1.Array.from()으로 배열 만들기
const foodArray = Array.from(foods);
console.log(foodArray); // [p, p, p]

// 2.Array.map()으로 배열 만들기
const foodNames = foodArray.map(food => food.textContent);
console.log(foodNames); // [' Hamburger ', ' Pizza ', ' spaghetti ']

// Array.from()으로 map메소드까지 호출한 결과를 얻음(1, 2번의 과정)
const foodArray2 = Array.from(foods, food => food.textContent);
console.log(foodArray2); // [' Hamburger ', ' Pizza ', ' spaghetti ']
</script>

Array.find(callback[, thisArg])

1)주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다.

array.find(e => e > 3);

Array.findIndex( callback(element[, index[, array]])[, thisArg] )

1)주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다. 만족하는 요소가 없으면 -1을 반환합니다.

array.findIndex(e => e == 5);

Array.some(callback[, thisArg])

1)배열 안의 어떤 요소라도 주어진 판별 함수를 통과하는지 테스트합니다.

array.some(e => e > 2);

Array.every(callback[, thisArg])

1)배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트합니다. Boolean 값을 반환합니다.

array.every(e => e > 2);​

참고) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from

Array.from() - JavaScript | MDN

 

참고) https://www.hanbit.co.kr/store/books/look.php?p_code=B7677466304

모던 자바스크립트 핵심 가이드