JS 배열, 메소드

let colors = ['red', 'orange', 'yellow'];

 

변수의 [ ] 에 값을 넣어 순서를 만들어 배열함 

colors.lenght // 3 변수의 길이는 배열의 갯수로 결정됨 

colors[2] // "yellow"

colors[0] // "red"  + color[0][1] // "e"

colors[1] = "orange"

colors // ["red", "green", "yellow"]

배열의 요소를 바꿔줄 수 있음 ( 한 글자만 바꿀수는 없음 colors[0][0]="R" 이런거는 안됨 )

 

Push 

colors.push('green') > 매소드이므로 때문에 인수가 필요함

colors // ["red", "orange", "yellow","green"]

배열의 맨끝에 추가를 해줌 ( 여러개도 가능 )

 

Unshift

color.unshift('green')

colors // ["green", "red", "orange", "yellow"]

배열의 맨앞에 추가를 해줌

 

Pop

colors.pop() 인수 불필요 // "yellow" 사라짐

colors // ["red", "orange"]

배열의 맨뒤를 없애줌

 

Shift

color.shift() / "red" 사라짐

colors // ["orange", "yellow"]

배열의 맨앞을 없애줌 

 

Concat

const colors2 = ['blue', 'white']

let colors3 = colors.concat(colors2)      colors 변수와 colors2 변수를 접함

colors3 // ['red', 'orange', 'yellow', 'blue', 'white'];

배열을 접합시켜줌

 

Includes

colors.includes('red') // ture

colors.includes('black') // false

변수의 배열이 해당 값을 포함하는지 확인              

 

reverse

colors.reverse() // 배열을 뒤집어 버림 변수 지정이 따로 필요 없어서 주의필요

 

Slice

colors.slice(0,2) // ['red', 'orange']

colors.slice(1) // ['oragne', 'yellow'] 

시작 숫자, 끝 숫자 - 1 의 배열까지 잘라줌 

숫자를 음수로 쓰면 끝부터 시작함 

 

Splice

colors.splice(2,1) // ["yellow"]를 지운다. ( 2번 배열부터 1개를 지움 )

colors.splice(0,2) // ["red", "orage"] 를 지운다. ( 0번 배열부터 2개를 지움 )

colors.splice(1,0,'orange-yellow') // ["red", "orange", "orange-yellow", "yellow"] ( 1번 배열부터 0개 지우고 인수를 넣음 )

여러개를 넣을 수도 있다. 

 

Sort

정렬함