[TIL 10] 배열 Array

yezo cha·2021년 5월 25일
0

JavaScript

목록 보기
4/19
post-custom-banner

Achievement Goals

  • index, element, length
  • 띄어쓰기 (" ")로 문자열을 구분하여, 배열로 변경할 수 있다. str.split(" ").join(" ")
  • 배열 요소(element)를 조회, 추가, 삭제, 복사, 분리하는 법을 이해할 수 있다. unshift, shift, slice, length
  • 변수, 데이터, 또는 특정 값이 배열인지 아닌지 판별할 수 있다. Array.isArray
  • 배열의 요소(element)를 추가 및 삭제할 수 있다. push, pop
  • 변수, 데이터, 또는 특정 값이 배열에 포함되어 있는지 확인할 수 있다. indexOf, includes

배열 Array

  • 배열 - 순서가 있는 값. 한 개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용.
  • element (요소, 값) - 내용물 여러 개의 값.
  • index (순서) - 값의 순서를 나타냄. 0부터 시작함.
let arr = new Array();
let arr = [];

// 대부분 이 방법으로 배열을 선언해준다. 대괄호 안에 초기 요소를 넣어주는 것도 가능함.
let fruits = ['apple', 'orange', 'pineapple'];

배열과 메서드

요소 추가 / 제거 메서드

  • arr.push() : 맨 끝에 element 추가.
  • arr.pop() : 맨 끝 element 제거하고, 그 element를 반환.
  • arr.unshift() : 맨 앞 element 추가
  • arr.shift() : 맨 앞 element 제거

splice

splice(start, deleteCount, ...items) : start부터 deleteCount개의 요소를 지우고, items 추가. 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경.

slice

slice(start, end) : start부터 end 바로 앞 까지의 요소를 복사해 새로운 배열을 생성.

concat

concat(...items) : 배열의 모든 요소를 복사하고 items를 추가해 새로운 배열을 만든 후 이를 반환함. items가 배열이면 이 배열의 인수를 기존 배열에 더해준다.

배열 탐색하기

배열을 변형하는 메서드

map

sort

reverse

split

stringarray로 만들어 주는 메서드.
원본 string은 바꾸지 않는다.

str.split(separator)

join

배열의 모든 요소를 연결해 하나의 문자열로 만든다.
원본 배열을 수정하지 않는다.
separator가 있는 경우 주의할 점은, separator를 string타입으로 전달해야 한다.

arr.join(separator)
// separator : 구분자. <, / ".> 있어도 되고 없어도 됨.

Array.isArray 배열 여부 알아내기

profile
(ง •̀_•́)ง
post-custom-banner

0개의 댓글