spread 연산자(...)
·
JavaScript
... 스프레드 연산자 펼치는 연산자 -> 객체의 값을 새로운 객체에 부여해줌 const cookie = { base: 'cookie', madeIn: 'korea' }; const chocochipCookie = { ...cookie, toping : 'chocochip' }; const blueberrypCookie = { ...cookie, toping : 'blueberry' }; const strawberryCookie = { ...cookie, toping : 'strawberry' }; console.log(chocochipCookie); // {base: "cookie", madeIn: "korea", toping: "chocochip"} console.log(blueberrypCookie..
비 구조화 할당(구조 분해 할당)
·
JavaScript
let arr = ['one', 'two', 'three']; let one = arr[0]; let two = arr[1]; let three = arr[2]; console.log(one, two, three); // one, two, three 위와 같이 작성하게 되면 너무 길어진다. 이거를 줄일수가 있다. 배열 비구조화 할당 let arr = ['one', 'two', 'three']; let [one, two, three] = arr; console.log(one, two, three); // one, two, three 배열 선언 분리 비구조화 할당 let [one, two, three] = ['one', 'two', 'three']; console.log(one, two, three); //..
조건문 upgrade
·
JavaScript
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 위와 같이 작성을 해도 되는데 food의 개수가 많아지면 코드가 복잡해진다. includes는 이 안에 있으면 true 없으면 false로 나타내어주는 함수다. function isKoreanFood(food) { if(['불고기', '떡볶이', '비빔밥'].includes..
단락회로 평가(논리연산자)
·
JavaScript
논리 연산자 // console.log(true && ture); // true // 둘 다 true(그리고) console.log(true || false); // true // 둘 중 하나만 true(또는) // console.log(!true); falsy 값을 그대로 반환 const getName = (person) => { return person && person.name }; // person에서 falsy한 값이기에 person.name까지 안감 let person; const name = getName(person); console.log(name); // undefined const getName = (person) => { const name = person && person.name..
삼항 연산자
·
JavaScript
삼항 연산자를 하게 되면 아래와 같은 코드를 한줄로 가능 let a = 3; if( a >= 0) { console.log("양수"); } else { console.log("음수"); } 삼항연산자 조건문 ? 참일 때 실행한 코드 : 거짓일 때 실행할 코드; let a = 3; a >= 0 ? console.log("양수") : console.log("음수"); // 양수 빈 배열 확인 let a = []; if (a.length === 0) { console.log("빈 배열"); } else { console.log("안 빈 배열"); } 삼항 연산자 let a = []; a.length === 0 ? console.log("빈 배열") : console.log("찬 배열"); 삼항연산자 식 저장해..
Truthly & Falsy
·
JavaScript
let a = ""; if (a) { console.log("TRUE"); } else { console.log("FALSE"); // FALSE } let a = "string"; if (a) { console.log("TRUE"); // TRUE } else { console.log("FALSE"); } Truthy : [], {}, "false", Infinity -> 참 같은 값 Falsy : null, undefined, NaN, 0, -0, "" const getName = (person) => { return person.name; }; let person = {name : '이도영'}; const name = getName(person); console.log(name); // 이도영 Fa..
오류확인자
'JavaScript' 카테고리의 글 목록 (9 Page)