231013_TIL

고병옥·2023년 10월 13일
1

TIL

목록 보기
1/1

switch vs if : 가독성의 차이가 큼 https://velog.io/@ahsy92/JaveScript-Switch-If

조건부 실행 : (x > 0) && console.log(""x는 양수입니다."");

삼항 연산자와 단축 평가 :
let y = x || 10;
console.log(y); // 10

object keys : let keys = Object.keys(person);
object values : let values = Object.values(person);
object entries : let entries = Object.entries(person);
object assign : let newPerson = Object.assign({}, person, { age: 35 });

객체비교 ===로 비교시 주소값을 비교하기때문에 무조건 false 내용비교를 위해서는 stringify 필요
객체병합 : es6 spread operator : let mergedPerson = {...person1, ...person2};

배열매소드 : push pop shift unshift splice slice
배열매소드(콜백) : forEach map filter find // reduce some every sort reverse ??

for in : 객체의 속성을 출력하는 방법 for(let key in person)

== es6 문법 ==
구조분해할당 : destructuring(de + structure + ing)
let arr = ['a', 'b', 'c', 'd'];
let [a, b, c, d = 4] = arr; // 4는 없을때 초기값
단축속성명 : property shorthand
const name = 'nbc', age = '30';
const obj = {name, age} // const obj = {name: name, age: age}
전개 구문 = spread operator
let arr = [1, 2, 3];
let newArr = [...arr, 4]; // [1, 2, 3, 4]
나머지 매개변수(rest parameter)
function exFunc(a, b, c, ...args) // a, b, c, ['d', 'e', 'f']
템플릿 리터럴(Template Literal)
console.log(hello world ${tempVal});"

음 es6 문법들은 모르는부분이 많구나.

profile
천천히 그리고 단단하게

1개의 댓글

comment-user-thumbnail
2023년 10월 13일

배열메소드, 콜백함수 무엇을 배웠는지 한줄에 적어주시니 저도 정리가 더 잘되는 것 같아요!
'객체비교 ===로 비교시 주소값을 비교하기때문에 무조건 false 내용비교를 위해서는 stringify 필요' 챕터 3 들어가시면 데이터 참조 다루면서 깊은복사, 얕은복사, 그리고 노션에 stringify 도 장단점 정리해주셨더라구요! 더 이해하는데 도움이 되실 것 같습니다!

답글 달기