TIL 14일차

홍인열·2021년 9월 6일

벌써 3주차가 시작됬다. 시간이 너무 빠른거 같은데 어찌어찌 따라가고 있는거 같다.
오늘도 분명히 새로운걸 많이 배웠다. 의미없이 소모한시간이 좀있었는데, 유튜브 너란녀석....

배열

Array.slice()

쉽게 설명하면 복/붙! 하는 메서드다.
원본배열이 변하지 않는다 _ Immutable
Array.slice(begin, end) : begin index 부터 end index 앞까지의 요소를 복사.
let fruit = ['apple', 'orange', 'mango', 'melon']
console.log(fruit.slice(1));
// => ['ornge', 'mango', 'melon']
console.log(fruit.slice(0, 2);
// => ['apple', 'orange', 'mango']

Array.join()

배열의 요소를 하나의 문자열로 만든다!
원본배열이 변하지 않는다 _ Immutable
Array.join(separator) : sepmaraor를 배열의 요소사이에 추가하게되고, 빈 문자열일 경우 모든요소사이에 아무 문자도 없이 연결된다.
let fruit = ['apple', 'orange', 'mango', 'melon']
console.log(fruit.join());
// => 'appleorangemangomelon'
console.log(fruit.join(-));
// => 'apple-orange-mango-melon'

Array.splice()

배열의 기존 요소를 삭제하거나 교체할수 있다!
원본배열이 변한다. _ Mutable
Array.Splice(start, deleteCount, item1, item2, ...) : start index 부터 deleteCount만큼 요소를 삭제한다. 그리고 그자리에 item을 추가한다.
let fruit = ['apple', 'orange', 'mango', 'melon']
fruit.splice(1, 2);
// 인덱스1부터 요소를 2개 제거
console.log(fruit);
// => ['apple', 'melon']
fruit.splice(1, 0, 'banana', 'peach')
// 인덱스1부터 요소제거는 없이, item 추가.
console.log(fruit);
// => ['apple', 'melon', 'banana', 'peach']

반복문 for...of

배열의 모든 요소에 접근할때 사용할수 있는 반복문

for (let el of Array) {}
// => Array의 각 요소를 순서대로 el(마음대로)이라는 변수로 접근하도록 한다.
for (let i = 0; i < Array.length; i++) {}
// 동일하다고 볼 수 있는 반복문형태.

객체

반복문 for...in

객체의 모든 key값에 접근할 수 있도록 하는 반복문

for(let para in Object) {}
// => Object의 key값을 para라는 변수로 접근할수 있다.
// Object[para]의 형태로 모든 key값의 속성도 접근할 수 있다.

Notattion

///dot notation
Object.key = parameter
//위의 형태로 para에 해당하는 key값의 속성에 접근하여 수정 및 삭제 할 수 있음.
///braket notation 
Object[key] = parameter
//위의 형태로 para에 해당하는 key값의 속성에 접근하여 수정 및 삭제 할 수 있음.

Object.keys()

객체가 가지고 있는 key값을 일반적인 반복문처럼 순서대로 열거할 수 있는 배열로 변환.
const obj = {
  name : hong,
  age : 31,
  nation : korea
}
console.log(Object.keys(obj));
// => ['name', 'age', 'nation']

!Array.length

배열의 길이에 불일치 연산자(!)를 적용하면 boolean 값을 반환 한다.
빈 배열일경우 true, 빈배열이 아닐경우 false 반환.
let arr1 = [];
let arr2 = ['moon', 'star', 'space'];
console.log(!arr1.length);
// => true
console.log(!arr2.length);
// => false