Javascript 자료형(배열 메서드 기본)

배열

배열의 정의와 특징

• 키와 속성들을 담고 있는 참조 타입의 객체
• 순서를 보장하는 특징이 있음
• 주로 대괄호를 이용하여 생성하고, 0을 포함한 양의 정수 인덱스로 특정 값에 접근 가능
• 배열의 길이는 array.length 형태로 접근 가능
  • 배열의 마지막 원소는 array.length -1로 점근

const numbers = [1,2,3,4,5]

console.log(numbers[0]) //1
console.log(numbers[-1]) //undefined
console.log(numbers.length-1) // 5

배열 메서드 목록 기본

메서드	설명	비고
reverse	원본 배열의 요소들의 순서를 반대로 정렬
push & pop	배열의 가장 뒤에 요소를 추가 또는 제거
unshift & shift	배열의 가장 앞에 요소를 추가 또는 제거
includes	배열에 특정 값이 존재하는지 판별 후 참/거짓 반환
indexOf	배열에 특정 값이 존재하는지 판별 후 가장 첫 번째로 찾은 요소의 인덱스 반환	요소가 없을 경우 -1 반환
join	배열의 모든 요소를 구분자를 이용하여 연결	구분자 생략 시 쉼표 기준

reverse

• array.reverse()
• 원본 배열의 요소들의 순서를 반대로 정렬

const numbers = [1,2,3,4,5]
numbers.reverse()
console.log(numbers) // [5,4,3,2,1]

push & pop

• array.push()
  • 배열의 가장 뒤에 요소 추가
• arry.pop()
  • 배열의 마지막 요소 제거

const number = [1,2,3,4,5]
numbers.push(100)
console.log(numbers)//[1,2,3,4,5,100]

numbers.pop()
console.log(numbers)//[1,2,3,4,5]

unshift & shift

• array.unshift()

  • 배열의 가장 앞에 요소 추가

• array.shift()

  • 배열의 첫번째 요소 제거

const numbers = [1,2,3,4,5]

numbers.unshift(100)
console.log(numbers) // [100,1,2,3,4,5]

numbers.shift()
console.log(numbers) //[1,2,3,4,5]

includes

• array.includes(value)
• 배열에 특정 값이 존재하는지 판별 후 참 또는 거짓 반환

const numbers = [1,2,3,4,5]
console.log(numbers.includes(1)) //true
console.log(numbers.includes(100)) //false

indexOf

• array.index0f(value)
• 배열에 특정 값이 존재하는지 확인 후 가장 첫 번째로 찾은 요소의 인덱스 반환
• 만약 해당 값이 없을 경우 -1 반환

const numbers = [1,2,3,4,5]
let result

result = numbers.indexOf(3) //2 
console.log(result)

result = numbers.indexOf(100) //-1
console.log(result)

join

• array.join([separator])
• 배열의 모든 요소를 연결하여 반환
• separator(구분자)는 선택적으로 지정 가능하며, 생략 시 쉼표를 기본 값으로 사용

const numbers = [1,2,3,4,5]
let result

result = numbers.join() //1,2,3,4,5
result = numbers.join('') //12345
result = numbers.join(' ') //1 2 3 4 5
result = numbers.join('-') //1-2-3-4-5 

Spread opreator

• spread oprator를 사용하면 배열 내부에서 배열 전개 가능.
• ES5 까지는 Array.concat() 메서드를 사용
• 얕은 복사에 활용 가능

const array = [1,2,3]
const newArray = [0, ...array,4]

console.log(newArray) // [0,1,2,3,4]