[JS] 배열

• (드림코딩 by 엘리) 자바스크립트 8. 강의를 보고 정리하였습니다.
  
  

배열의 원소 출력하기

1. for loop, for...of 는 알고 있어서 패스
2. forEach
   • forEach는 콜백함수를 받아온다.
   • (콜백함수는 별 게 아니고 인자로 함수를 받는 것을 말한다.)
   • 더 자세히 말하자면, 배열의 원소 각각에 콜백함수를 적용시키는 것이다.
   • method를 command + 클릭 하면 어떻게 사용해야되는지 정리된 문서로 이동된다. (꿀팁!)
     forEach의 경우 인자를 3개까지 받을 수 있는데 필요 없는 것은 안 써도 된다.

const fruits = ['🍎', '🍌'];

fruits.forEach(function (fruit, index, array) {
  console.log(fruit, index, array);
});

// 보통 array는 잘 받아오지 않으므로 지우자.
// 이름이 없는 function는 arrow function으로 바꾸자.
// index도 필요 없으니까 지우자

fruits.forEach((fruit) => console.log(fruit)); // 🍎 🍌
// arrow function까지 사용하면 한줄에 뙇! 간단하게 표현 가능

배열에 원소 더하기, 제거하기

1. push : 배열의 끝에 원소 넣기

2. pop : 배열의 맨 마지막 원소 제거

3. unshift : 배열의 앞에 원소 넣기

4. shift : 배열의 맨 앞 원소 제거

   shift, unshift는 push, pop보다 훨~씬 느리다. 기존 데이터들을 다 옮겨야 하기 때문.

배열 자르기, 붙이기

1. splice : array.splice(start: number, deleteCount?: number): string[])

   • 인덱스만 쓰면 해당 인덱스부터 끝까지 자른다.
   • 시작 인덱스와 개수 n을 지정하면 해당 인덱스부터 n개가 삭제된다.
   • 시작 인덱스, 개수 n, 추가할 문자열을 입력하면 삭제된 자리에 추가할 문자열이 쏘옥 들어간다.
   • n = 0으로 하면 삭제되는 것 없이 삽입도 가능하다.
     
     

2. concat : arr1.concat(arr2);

   • 하나의 배열 안에 arr1의 원소와 arr2의 원소가 다 들어가게 된다. (합쳐짐)
   • arr1이 앞에, arr2가 뒤에.
   
   

검색

1. indexOf : arr.indexOf('something')
   • 'something'의 인덱스를 알려준다.
   • 만약 같은 값이 여러 개 있다면 제일 첫번째로 나온 값의 인덱스를 알려준다.
     
     
2. includes : arr.includes('something')
   • 'something'이 arr에 포함되어 있는지 true/false로 알려준다.
     
     
3. lastIndexOf
   • indexOf와 반대로, 가장 마지막에 있는 something의 인덱스를 알려준다.