SOCO

배열 관련 개념 모음 본문

프론트/java script 기초지식

배열 관련 개념 모음

ssooda 2021. 6. 11. 16:10
//배열 선언 []
const array=['banana', 'apple', 'grape', 'kiwi']

//배열 길이
const array=['banana', 'apple', 'grape', 'kiwi']
console.log(array.length) // 4

//index별 요소
const array=['banana', 'apple', 'grape', 'kiwi']
console.log(array[0])// 'banana'
console.log(array[1])// 'apple'
console.log(array[2])// 'grape'
console.log(array[3])// 'kiwi'

//요소별 index
const array=['banana', 'apple', 'grape', 'kiwi']
console.log(array.indexOf('banana')) //0
console.log(array.indexOf('apple')) //1
console.log(array.indexOf('grape')) //2
console.log(array.indexOf('kiwi')) //3
console.log(array.indexOf('pear') //-1

//포함여부 확인
const array=['banana', 'apple', 'grape', 'kiwi']
console.log(array.includes('apple')) //true
console.log(array.includes('pear')) //false

//제일 뒤에 넣기
const array=['banana', 'apple', 'grape', 'kiwi']
array.push('pear')
console.log(array) //['banana', 'apple', 'grape', 'kiwi', 'pear']

//제일 앞에 넣기
const array=['banana', 'apple', 'grape', 'kiwi']
array.unshift('pear')
console.log(array) //['pear', 'banana', 'apple', 'grape', 'kiwi']

//제일 뒤에 제거
const array=['banana', 'apple', 'grape', 'kiwi']
array.pop()
console.log(array) //['banana', 'apple', 'grape']

//제일 앞에 제거
const array=['banana', 'apple', 'grape', 'kiwi']
array.shift()
console.log(array) //['apple', 'grape', 'kiwi']

//수정
const array=['banana', 'apple', 'grape', 'kiwi']
array[1]='pineapple'
console.log(array) //['banana', 'pineapple', 'grape', 'kiwi']

//잘라내서 원 배열 변경
const array=['banana', 'apple', 'grape', 'kiwi']
array.splice(0,2) //index 0부터 2개 splice(시작 index, 갯수)
console.log(array) //['grape', 'kiwi']

//잘라내서 새로운 배열 생성, 원배열 그대로
const array=['banana', 'apple', 'grape', 'kiwi']
array.slice(0,2) //index0부터 index2 앞까지 + 새로운 배열로 생성
console.log(array) // ['banana', 'apple', 'grape', 'kiwi'] //원 배열 그대로
console.log(array.slice(0,2)) //['grape', 'kiwi'] 
array.slice() //똑같은 구성의 새로운 배열이 생김

//배열 정렬 -> 원 배열 자체를 바꿈
const array=['banana', 'apple', 'grape', 'kiwi']
array.sort((a,b) => {return a-b}) //오름차순으로 정렬
array.sort((a,b) => {return b-a}) //내림차순으로 정렬
array.slice().sort((a,b) => {return a-b}) //새로운 배열을 만들어서 그 배열을 정렬

//join -> 배열을 문자열로
const array2=[1,2,3,4]
array2.join('') //'1234'
array2.join() //'1,2,3,4'

//split ->문자열을 배열로
const number = '1,2,3,4'
number.split() //['1,2,3,4'] //그대로 배열을 만듦
number.split(',') //['1','2','3','4'] //,를 기준으로 잘라서 배열을 만듦