🤷🏻‍♀️ Array? 그게 뭐죠

알다가도 모를 Array를 알아보자 ✍🏻

"모던 자바스크립트 딥다이브"
배열(array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다.
배열은 Array 생성자로 생성된 Array 타입의 객체이며 프로토타입 객체는 Array.prototype이다.

"mdn"
Array는 JavaScript Array 클래스는 리스트 형태의 고수준 객체인 배열을 생성할 때 사용하는 전역 객체입니다.

"코딩애플"
Array 자료형 : [자료1, 자료2, 자료3...]
자료간 순서가 존재함 (object는 순서 개념 없음)

"코어자바스크립트"
배열 : 특수한 형태의 객체로, 순서가 있는 자료를 저장하고 관리하는 용도에 최적화된 자료구조

Array에서 자주쓰이는 함수

1. map

• 모든 array를 똑같이 변형시킬 수 있음 (판매사이트 구현할때 달러, 원화를 바꿀때 활용할 수 있음)
• 배열을 변형시키거나 요소를 재 정렬해주는 메서드

const 어레이 = [4,7,9,10,57];

어레이.map(function(a){
  return a * 2
});

console.log(어레이);

2. filter

• 자료 원하는 것만 필터함 (함수의 반환 값을 true로 만드는 단 하나의 요소만 찾음)
• 원본을 변형시키지않고 변경된 값을 그자리에 남겨주기때문에 filter()결과는 변수에 저장해서 써야함
  ( .sort()는 예전문법이라 원본변형시킴 )

const 어레이 = [4,7,9,10,57];

const 새어레이 = 어레이.filter(function(a){
  return a < 4
});

console.log(어레이);

3. forEach

• 주어진 함수를 배열 요소 각각에 대해 실행할 수 있게 해줌
• 인수로 넘겨준 함수의 반환값은 무시됨

["Bilbo", "Gandalf", "Nazgul"].forEach((item, index, array) => {
  alert(`${item} is at index ${index} in ${array}`);
});

4. find

• 특정 조건에 부합하는 객체를 배열 내에서 찾을 수 있음

let users = [
  {id: 1, name: "jeong"},
  {id: 2, name: "min"},
  {id: 3, name: "miya"}
];

let user = users.find(item => item.id == 1);

alert(user.name); // jeong