배열이란?
순서가 있는 값.
여기서 순서는 index
값은 element(요소) 라고 부른다
항상 대괄호로!!! (Square bracket)
myNumber[3] // 61 - myNumber 변수 안에 있는 3번째 값
myNumber[3] = 200 - myNumber 변수 안에 있는 3번째 값을 200으로 바꾼다.
myNumber[5] ?? // undefined 즉, 값이 없는 것은 undifined로 분류!
myNumber[1][0]; - myNumberdml 1번째 index 값의 0번째 index 값!
Let myNumber = [73, 98, 36, 61]
myNumber.slice(start, end) - start부터 end까지 잘라서 보여준다.
하지만 end는 미포함
immutability.
즉, 원본이 수정되지는 않고 얕게 복사본을 보여준다.
unshift 및 pop, push 등과 다른 점.
end는 항상 그 부분은 제외됨
myNumber.push(96); = 배열 마지막에 96을 추가한다. 즉 [73, 98, 36, 61, 96]으로 변함.
////스크린샷 : MDN 사이트/////
myNumber.pop() = 배열 맨 마지막을 삭제한다. 즉 [73, 98, 36]으로 변함
테스트를 해보니 그냥 return을 할 경우 없어진, 즉 위에서는 '61'을 return함. 만약 그것을 제외한 나머지 값을 원한다면 원본에서 이미 '61'을 빼서 원본이 변해있으니 다시 return Number를 해야한다.!!
myNumber.shift() = 배열 맨 처음을 삭제한다. 즉 [98, 36, 61]로 변경
myNumber.unshift(80); = 배열 맨 처음부분에 추가한다. 즉 [80, 73, 98, 36, 61]
myNumber.unshift()를 그대로 return 하면 앞부분에 추가된 것의 개수를 불러온다. 즉, 원본을 변하게 하는 Method이므로 원본에서 이미 바뀌어 있으니 추가된 배열을 불러오고 싶으면 arr을 다시 return하는 것이 핵심!
////스크린샷 : MDN 사이트/////
.splice (start, deleteCount, item) : 기존 요소를 제거하거나
새 요소를 추가하여 기존 배열의 내용을 변경한다
하나도 제거하지 않고, 2번 인덱스에 "drum" 추가
var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
var removed = myFish.splice(2, 0, 'drum');
// myFish is ["angel", "clown", "drum", "mandarin", "sturgeon"]
// removed is [], no elements removed
0번 인덱스에서 두 개 요소 제거하고 "parrot", "anemone", "blue" 추가
var myFish = ['angel', 'clown', 'trumpet', 'sturgeon'];
var removed = myFish.splice(0, 2, 'parrot', 'anemone', 'blue');
// myFish is ["parrot", "anemone", "blue", "trumpet", "sturgeon"]
// removed is ["angel", "clown"]
3번 인덱스에서 한 개 요소 제거
var myFish = ['angel', 'clown', 'drum', 'mandarin', 'sturgeon'];
var removed = myFish.splice(3, 1);
// removed is ["mandarin"]
// myFish is ["angel", "clown", "drum", "sturgeon"]
myNumber.push() = 배열 맨 마지막에 추가한다.
이것도 원본을 변화시키기 때문에 myNumber를 return 해야 한다!
str1.concat(str2, str3)
str1 배열에 str2와 str3 배열을 합친다.
////스크린샷 : MDN 사이트/////
Array.isArray(검사할 객체); = 배열인지 아닌지 Boolean 타입으로 답을 알려준다.
선언한 것만 불러올 수 있고 변수는 불러올 수 없다!!
또한 suer.firstName에서 볼 수 있듯이 ''를 붙이지 않는다.
변수를 불러올 수 있다.
user['firstName']에서 볼 수 있듯이 '를 붙여줘야한다.
변수에 ''로 할당값이 있는 것은 그대로 불러오는 것 주의!!
for...of 와 for...in에 대해서 다시 한 번 알아보자..
무슨 말인지 도통 모르겠다
////스크린샷 : MDN 사이트/////
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr1 = arr.slice(4); // [5, 6, 7, 8, 9, 10]
var arr2 = arr.slice(undefined); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
arr1 : index번호 4부터 끝까지 추출
arr2 : 처음부터 끝까지 추출함
출처: https://im-developer.tistory.com/103 [Code Playground]