TIL - 21.06.27 👨‍💻

배열

---

arr.splice()

배열 역시 객체이기에 delete 로 값을 지울 수는 있지만 지운 요소자리가 빈 자리가 된다.

let arr = ['1', '2', '3', '4', '5',];
delete arr[1];
console.log(arr) // ['1', empty, '3', '4', '5']

이에 비해 splice는 요소 추가, 제거, 교체까지 가능하며,
문법은 arr.splice(index, deleteCount, 'ele1', 'ele2') 이다.

index의 위치부터 deleteCount의 수 만큼의 요소를 삭제하고 'ele1'과 'ele2'를 index의 위치에 추가한다는 뜻이다.
인수로 index와 deleteCount만 따로 사용할 수 있고, deleteCount를 0으로 하면 요소추가만 한다.
그리고 splice 메소드를 사용할때 요소를 삭제하면 삭제한 요소를 반환하고 요소 추가만 한다면 빈 배열을 반환한다.
인수로 음수를 받을 수 있으며 음수를 사용할 경우 배열의 뒤에서부터 센다.

let arr = ['1', '2', '3', '4', '5',];
arr.splice(1,2) // ['2', '3']; 요소 추가하지 않고 제거만 하는 경우
console.log(arr) // ['1', '4', '5']
arr.splice(1, 0, '2', '3') // []; deleteCount를 0으로 줘서 요소 추가만 하는 경우
console.log(arr) // ['1', '2', '3', '4', '5']
arr.splice(-3, 2) // ['3', '4']; index를 음수로 주는 경우
console.log(arr) // ['1', '2', '5']

---

arr.slice(startIndex, endIndex)

slice 메소드는 splice 메소드보다 간단한데, startIndex부터 endIndex까지의 배열을 복사해 반환한다.
splice 메소드는 실질적으로 배열의 요소에 영향을 주는 반면 slice 메소드는 복사해 반환하기에 원 배열의 요소에 영향을 주지 않는다.

let arr = ['1', '2', '3', '4', '5',];
arr.slice(0,3) // ['1', '2', '3']; startIndex부터 endIndex까지이지만 endIndex는 제외하고 반환한다.
console.log(arr) // ['1', '2', '3', '4', '5',]; slice 메소드를 사용해도 배열의 요소에 영향이 없다.
arr.slice(2) // ['3', '4', '5']; 인수로 인덱스하나만 넣으면 그 인덱스부터 배열 끝까지 반환한다.
arr.slice() // ['1', '2', '3', '4', '5']; 인수를 넣지 않으면 원 배열을 그대로 복사한다.
arr.slice(-2) // ['4', '5'] // 음수 인덱스를 사용할 수 있다.
arr.slice(3, 1) // []; startIndex보다 endIndex가 앞에 있으면 빈 배열을 반환한다.
arr.slice(3, 10)// ['4', '5']; arr.length보다 큰 값이 endIndex 자리에 와도 배열 끝까지만 복사한다.

---

arr.concat(arg1, arg2, ..., argn)

concat 메소드는 기존 배열을 이용해 새 배열을 만들거나 기존 배열들이 합쳐진 배열을 만들때 사용한다.
인수로 배열이나 여러 타입의 값이 오는데 인수의 갯수에 제한은 없다.
concat 메소드를 사용한다고 해서 사용한 배열의 요소는 변하지 않으며 메소드를 사용할 경우 배열과 인자가 합쳐진 배열을 반환한다.

let arr = [1, 2, 3, 4, 5,];
arr.concat([6, 7]) // [1, 2, 3, 4, 5, 6, 7]
console.log(arr) // [1, 2, 3, 4, 5]; arr은 변하지 않는다.
arr.concat('string', false) // [1, 2, 3, 4, 5, 'string', false] 여러 타입의 인수를 합칠 수 있다.

배열과 객체를 합칠 경우 객체는 한 요소로서 합쳐진다.
하지만 특수 프로퍼티인 [Symbol.isConcatSpreadable] 값이 참으로 있고 length를 정해주면 객체 자체가 요소가 되는 것이 아닌 프로퍼티 값이 요소로 합쳐진다.

let arr = [1, 2, 3,];

let object ={
  1: 'value1',
  2: 'value2',
  3: 'value3',
}
arr.concat(object) // [1, 2, 3, {1: value1, 2: value2, 3: value3}]

let object ={
  1: 'value1',
  2: 'value2',
  3: 'value3',
  [Symbol.isConcatSpreadable]: true,
  length: 2,
}
arr.concat(object) // [1, 2, 3, empty, value1]
// Symbol.isConcatSpreadable 이 참이고 length가 2라면 object는 인덱스 0은 비어있고(정해지지 않았고)
// 인덱스 1은 value1인 배열로 취급하게 된다.
// 만약 객체의 프로퍼티 키가 숫자가 아니라면 요소로 할당되지 않으며 undefined만 반환된다.

---

GOOD 😉

컨디션이 안좋아도 조금이라도 공부했다.

BAD 😥

컨디션 관리를 못해 공부를 너무 못했다.

TO DO 🔥

• 객체
• 배열
• Node.js
• React

Retrospect 🧐

토요일에 너무 달려서 일요일 내내 컨디션이 너무 안좋았다.
아무리 안좋아도 조금이라도 공부하려고 하긴 했는데 컨디션 난조에도 조금이라도 공부를 했다는 것과 컨디션 관리를 못했다는 것이 겹쳐서 기분이 묘하다.

안들어가는데 강제로 보고있는거보단 빨리자고 일어나서 아침에 해야겠다.

내가 코스 중에 술 한모금이라도 마시며 개다. 그리고 개가 되었다.

Reference 🙇

모던 자바스크립트 - https://ko.javascript.info/