[Javascript] 배열 메서드

Array.from()

• ES6에서 새로 생긴 메서드
• 배열처럼 보이지만 배열이 아닌 객체를 받아 실제 배열로 반환
• 유사배열을 배열로 변환하여 배열의 메서드 활용 
• 문자열을 받아 각각의 배열로 변환 가능

/* [구문] */
Array.from(유사배열객체)
// 반환
object

<ul class='list'>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>;

const list = document.querySelectorAll('.list li'); // Nodelist 객체
// Array.from을 통해 배열로 변환하고, 두번째 인수를 활용하여 배열의 map 함수와 동일한 기능 적용 가능
const listArr = Array.from(list, val => {
  return val.textContent;
});
console.log(listArr); // ⇒ (3) ['a', 'b', 'c']

const app = 'apple'
const myArr = Array.from(app)
console.log(myArr);

---

Array.of()

• 전달받은 모든 인수로 배열을 생성

/* [구문] */
Array.of(인수)

const list = Array.of('a','b','c')
console.log(list); // ⇒ [ 'a', 'b', 'c' ]
console.log(typeof list); // ⇒ object

---

Array.find()

• 제공된 테스트 함수를 충족하는 배열의 첫 번째 원소 반환
• 없을 경우 undefined

/* [구문] */
배열명.find(콜백함수)
// 반환
요소

const arr = [1, 2, 3, 4];
let findVal = arr.find((e) => e < 3);
console.log(findVal); // ⇒ 1

---

Array.findIndex()

• 제공된 테스트 함수를 충족하는 배열의 첫 번째 요소 반환
• 없을 경우 undefined

/* [구문] */
배열명.findIndex(콜백함수)
// 반환
인덱스

const arr = [1, 2, 3, 4];
let findIdx = arr.findIndex((e) => e < 3);
console.log(findIdx); // ⇒ 0

---

 

Array.some()

• 조건과 일치하는 원소가 있는지 검색하여 첫 번째 일치하는 원소를 찾으면 바로 중단
• OR 조건

/* [구문] */
배열명.some(조건식)
// 반환
Boolean

const arr = [1, 2, 3, 4];

let arrSome = arr.some(e=> e>1)
console.log(arrSome); // ⇒ true

---

 

Array.every()

• 모든 원소가 주어진 조건과 일치하는지 여부를 확인
• AND 조건 

/* [구문] */
배열명.every(조건식)
// 반환
Boolean

const arr = [1, 2, 3, 4];

let arrEvery = arr.every((e) => e > 1);
console.log(arrEvery); // ⇒ fale