목차 1. 구조 분해 할당 2. 구조 분해 할당 - 배열 3. 구조 분해 할당 - 객체 1. 구조 분해 할당 구조 분해 할당은 객체나 배열을 분해하고 할당하는 기능이다. 다음과 같은 상황에 유용하게 쓰인다. 함수에 인자로 객체, 배열을 전달해야할 때 객체, 배열 데이터 일부만 필요로 할 때 함수의 매개변수가 많거나(3개 이상), 매개변수의 기본값이 필요할 때 객체와 배열을 분해하는 방법이 조금은 다르니 한 번 살펴보도록 하자. 2. 구조 분해 할당 - 배열 배열의 데이터에 접근하려면, 인덱스를 이용해서 접근했어야 했다. 하지만 구조 분해 할당을 이용하면 인덱스를 쓰지 않고도 데이터를 빼올 수 있다. 함수의 매개변수에도 사용이 가능하다. 문법(Syntax) let [ 변수1, 변수2, 변수3, .... ]..

목차 1. 객체의 데이터 조작 2. Object.key(obj) 3. Object.values(obj) 4. Object.entries(obj) 5. Object.fromEntries(array) 1. 객체의 데이터 조작 배열에는 관련된 메서드가 많았고, 모두 반복하는 형태였다. 배열에는 인덱스가 있어서 이것이 수월했지만, 객체에는 키가 일정한 형식을 띄고있지 않아 어려워보인다. 객체의 키와 값을 가지고 변형을 주기가 어려우니, 이를 잠시 변형하여 조작할 수 있는 메서드가 있다. Object.keys( obj ) Object.values( obj ) Object.entries( obj ) 위의 메서드는 모두 결과물(return)로 배열을 반환해준다. 배열로 반환받았으니, 배열 메서드를 적용하여 데이터를 ..

목차 1. 옵셔널 체이닝(Optional Chaining) " .? " 2. 옵셔널 체이닝 작동원리 1. 옵셔널 체이닝(Optional chaining) " .? " 옵셔널 체이닝은 왜 필요할까? 예를 들어, 객체안에 객체가 들어있는 중첩 객체에 접근하려고 했다 가정하자. let user = {}; user.buyList = {} user.buyList.food = "Pasta" user.buyList.wash = "Shampoo" console.log(user) // { // buyList: { // food: 'Pasta', // wash: 'Shampoo' // } // } 만약 여기서 존재하지 않는 프로퍼티에 접근하면 어떻게 될까? let user = {}; user.buyList = {} use..

목차 1. Swich 문 1. Switch 문 if 조건문은 switch 문으로 바꿀 수 있다. switch문을 사용한 비교법은 특정 변수를 다양한 상황에서 비교할 수 있게 해준다. swich 문의 장점은 비교 상황을 잘 설명해준다. 문법(Syntax) switch(변수) { case '값': // if (변수 === '값') ... // 코드 본문 [break] case '값': // if (변수 === '값') ... // 코드 본문 [break] default: ... // 코드 본문 [break] } - 하나 이상의 case문으로 구성된다. - default는 써도되고 안써도된다. 작동원리 변수와 값을 일치하는지 비교한다. 해당 case에서 일치하는 경우 코드 본문을 실행한다. break문을 만나..

목차 1. 반복문(loop) 2. while 반복문 3. do...while 반복문 4. for 반복문 5. 반복문의 종료(break) 6. 다음으로 넘어가기(continue) 7. break/continue와 사용하는 lable 1. 반복문(loop) 코드를 작성할 때에 단순히 반복적으로 작업해야하는 경우가 생긴다. 예를 들면, 배열 안에 차례대로 1, 2, 3, ... 을 넣어 주어야하는 경우 등등 이럴 때에 반복문을 이용하면, 단순 작업을 반복해서 하지 않아도 된다. 2. while 반복문 문법(Syntax) while ( 조건절 ) { 본문 } while ( 조건절 ) { 본문 } 조건이 truthy 인 경우에 본문을 실행한다. 예시(Sample) let i = 0 while ( i < 5 ) {..

목차 1. OR ( || ) 2. AND( && ) 3. NOT( ! ) 1. OR( || ) OR 연산자의 표현 방법은 "||"로 나타낼 수 있다. 이항 연산자로써, 피연산자 앞 뒤로 두 가지 받을 수 있다. 문법(Syntax) a || b ( || c ...) OR 연산자의 반환 값은 true / false로 불린값을 조작하는 데에 쓰인다. OR 연산자는 뒤에 나올 AND 연산자와 비교하여 보면 좋다. console.log( true || true ); // true console.log( false || true ); // true console.log( true || false ); // true console.log( false || false ); // false 둘 중 하나라도 true 인경..