spread 연산자 배열과 객체를 한줄로 펼치는 방법 객체에서 스프레드 연산자 사용하기 내가 먹고싶은 여러가지 쿠키 객체를 만들어 보았다. const cookie = { base: "cookie", madeIn: "seo0" }; const chocochipCookie = { base: "cookie", madeIn: "seo0", toping: "chocochip" }; const blueberryCookie = { base: "cookie", madeIn: "seo0", toping: "blueberry" }; const strawberryCookie = { base: "cookie", madeIn: "seo0", toping: "strawberry" }; 객체의 값들을 보면 프로퍼티 값이 겹치는 것..

구조분해 할당 구조분해할당은 배열이나 객체에서 원하는 값을 더 빠르고 쉽게 뽑아내는 방법이다. 배열의 비구조화 할당 예시를 만들어서 활용해보자. 간단한 배열을 하나 만들고 각각의 인덱스로 할당하였다. 하지만 이렇게 각각의 변수에 할당하려니, arr이라는 반복적인 코드를 써야한다는 단점이있다. 짧고 가독성 있는 코드를 적기위해서 arr 세글자도 줄여보도록하자. let arr = ['one', 'two', 'three']; let one = arr[0] let two = arr[1] let three = arr[2] console.log(one, two, three) 매우 간단해졌다. 배열안에 변수를 3개를 선언하게되고 오른쪽엔 배열을 할당하게 되면 arr이라는 0번째 인덱스는 one 1번째는 two 2번째..

맛있는 음식을 반환하는 함수를 만들어보자. function isKoreanFood(food) { if (food === '불고기' || food === "잡채" || food === "떡갈비") { return true; } return false; } const food1 = isKoreanFood("불고기"); const food2 = isKoreanFood("파스타"); console.log(food1); //true console.log(food2); //false 지금은 음식이 3가지밖에 들어가기않았지만 음식의 갯수가 더 많아진다면, 가독성이 떨어질것이다. 이런상황에서는 swich문도 비슷하다. 이럴땐, 문자열로 이루어진 한식들중에 입력받은 파라미터가 존재하는지 안하는지를 판별해주면 되는 것이다..

단락회로 평가란? 논리연산자의 특성을 이용한 문법이다. 논리연산자를 다시 정리해보자. console.log(true && true); console.log(true || false); console.log(!true); 단락회로 평가는 왼쪽에서 오른쪽으로 연산하게 되는 논리연산자의 연산 순서를 이용하는 문법이다. console.log(false && true); && 연산자에서 앞에 값이 false면 두번째 피연산자는 볼 필요가 없다. (둘다 true가 되야하기때문) 이렇게 피연산자 중에 뒤에 위치한 피연산자는 볼 필요없이 연산을 끝내버리는것을 단락회로 평가라고 한다. console.log(true || false); or 연산자는 어떨까? or 연산가의 경우에는 둘중에 하나만 true 여도 true를 ..

삼항연산자의 기본적인 사용방법 삼항연산자를 만들기 앞서 간단하게 조건식을 만들어보자. let a = 3; if (a >= 0) { console.log('양수') } else { console.log('음수') } a가 0보다 크거나 같으면 양수, 아니면 음수! 이렇게 적어줘도 되지만 더 간단하게 표현 할 수 있는 방법이있다. let a = 3; a >= 0 ? console.log('양수') : console.log('음수'); a가 0보다 크면 양수, 아니면 음수를 출력해라. 라는 뜻이다. 이렇게 삼항연산자는 조건문을 파격적으로 줄여줄수있는 태크닉이다. 우선, 조건식을 적어주고 물음표 키워드를 사용한다. 그 다음엔 참일때 ,실행한 식을 적고, 거짓일때 실행할 식은 : 콜론을 찍고 적어주면 된다. le..