🌈JS:Arrays

🌈Arrays

빈 배열 생성
let colors = [];

여러 타입이 입력된 배열
let stuff = [true, 68, 'cat', null];
              0     1    2      3
각각의 요소는 상응하는 인덱스를 가지고 있다.

js에서는 여러 타입(불리언, 정수, 문자열)이 함께 있는 배열을 만들 수 있다

배열 임의 접근
input stuff[0]
output "true"

input stuff[2][0]
output "c"

배열 수정
input stuff[1] = 'red'
input stuff
output [true, 'red, 'cat, null]
+) 문자열에서는 특정 문자를 바꿀수 없다

🌈Array Methods(Push, pop, shift, unshift)

Push = add to end

let stuff = [true, 68, 'cat', null];

input stuff.push('oliver','harry')
input stuff
output [true, 68, "cat", null,"oliver","harry"];

pop = remove from end

input stuff.pop()
output "harry"
input stuff
output [true, 68, "cat", null,"oliver"];


Shift = remove from start
Unshift = add to start

적용 위치만 다르지 사용 방법은 같다

🌈More Array Methods (concat, indexOf, includes, reverse, slice, splice)

concat = 배열 병합
let cats = ['blue', 'kitty']
let dogs = ['rusty', 'wyatt']

let comboParty = cats.concat(dogs)

input comboParty
output ["blue", "kitty", "rusty", "wyatt"]

includes = 특정 값이 포함되어 있는지 여부
input cats.includes('blue')
output true

indexOf = 특정 값의 위치를 알려준다 또한, 존재하는지의 여부도 알 수 있다
input comboParty.indexOf('kitty')
output 3
input comboParty.indexOf('hong')
output -1
+)만약 배열안에 kitty가 두 개 존재한다면 먼저 찾은 kitty의 인덱스를 알려준다

reverse = 배열 순서를 바꾼다
comboParty.reverse()

0 1 2 3 => 3 2 1 0

slice = 배열의 일부가 필요 할때 사용한다
comboParty.slice()  
시작점과 끝점을 입력할 수 있다 
(시작점은 시작요소를 포함하지만 끝점은 끝에있는 요소를 포함하지 않는다) 

input comboParty
output ["blue", "kitty", "rusty", "wyatt"]

숫자 하나만 입력하는 경우에는 시작점이 된다
input comboParty.slice(1,3)
output ["kitty", "rusty"]

음수를 입력하게 되면 끝으로 간다
input comboParty.slice(-2)
output ["rusty", "wyatt"]


let colors = [ "red", "orange","yellow", "green","blue","indigo","violet"]

splice = 배열에 있는 값을 제거, 추가 ,변경 할 수 있다
다른 method와 달리 복사본을 만들지 않고 원본을 변경한다

colors.splice(3,1)
(시작점,제거 항목 수)

colors.splice(1,0,'red-orange') = red와 orange 사이에
'red-orange'가 추가 된다
(시작점,0,추가할 항목)

colors.splice(2,2,'black') = 시작점에서 2개항목을 지우고 'black'이 추가 된다
(시작점,제거 항목 수, 추가할 항목)

sort

🌈Reference type and Equality test

== (loose)
=== (strict)

배열을 비교할때는 콘텐츠가 비교되는게 아니라 참조 위치(메모리 주소)가 비교되는 것이다

ex) [1,2,3] ==,=== [1,2,3]
	false
    
    let num = [1,2,3]
    let numCopy = num
    num === numCopy
    true

🌈Const and Arrays

const를 배열에 사용할때 참조 위치를 바꾸지 않고 배열 안 콘텐츠의 내용물을 바꾸는 것은 가능하다

const nums = [1,2,3]

nums.pust(4) = 가능하다

nums = [1,2,3,4] = 불가능하다

🌈Nested Arrays

const gameBoard = [[1,2,3],[4,5,6],[7,8,9]]

gameBoard[1][1]
5