프로그래머처럼 생각하기

const cookie = { base: "cookie", madeIn: "korea" }; const chocochipCookie = { ...cookie, toping: "chocochip" }; const blueberryCookie = { ...cookie, toping: "blueberry" }; const starwberryCookie = { ...cookie, toping: "strawberry" }; console.log(chocochipCookie); // {base: "cookie", madeIn: "korea", toping: "chocochip"} console.log(blueberryCookie); // {base: "cookie", madeIn: "korea", toping: "..

let arr = ["one", "two", "three"]; console.log(arr[0]);// one console.log(arr[1]);// two console.log(arr[2]);// three let [하나, 둘, 셋] = ["one", "two", "three"]; console.log(하나); // one console.log(둘);// two console.log(셋);// three 일반적으로 배열의 값에 접근하려면 인덱스를 사용합니다. 자바스크립트의 비구조화 할당으로 인덱스없이 값에 접근할 수 있습니다. let object = { one: "one", two: "two", three: "three" }; let { one, two, three, four = "four" } = ..

function isKoreanFood(food) { if (food === "불고기" || food === "비빔밥" || food === "떡볶이") { return true; } return false; } // 위를 간추린 코드 function isKoreanFood(food) { return ["불고기", "떡볶이", "비빔밥"].includes(food); } const food1 = isKoreanFood("불고기"); const food2 = isKoreanFood("파스타"); console.log(food1); console.log(food2); 배열 내장 함수인 includes를 활용해 간추린 코드임 const getMeal = (mealType) => { if (mealType ==..

const getName = (person) => { const name = person && person.name; return name || "객체가 아닙니다"; }; let person; const name = getName(person); console.log(name); 현재 person은 undefined이며 getName함수를 통해 undefined가 전달되고 getName(person) 함수내의 name 은 undefined임 return name || "객체가 아닙니다"; 에서 name은 전 시간에 배운 Falsy의 값이기 때문에 Truthy한 "객체가 아닙니다" 가 반환됨 결과값은 "객체가 아닙니다"

let a = 95; if (a >= 90) { console.log("A"); } else if (a >= 80) { console.log("B"); } else if (a >= 70) { console.log("C"); } else { console.log("D"); } a >= 90 ? console.log("A") : a >= 80 ? console.log("B") : a >= 70 ? console.log("C") : console.log("D"); 위와 아래가 같은 코드로 삼항연산자는 조건 ? '참' : '거짓' 으로 사용 아래의 예제 코드처럼 체이닝해서 사용할 수 있음

참 같거나 거짓같은 값. 참으로 인식되는 값 "비어있지 않은 문자열" 123 [] {} Infinity 거짓으로 인식되는 값 "" undefined null NaN

const arr = [1, 2, 3, 4, 5]; for (let i = 0; i {console.log(element)}); 배열 요소를 각각 출력하는 방법으로 전에 한 반복문을 이용하는 것이 있고 forEach라는 내장 함수를 이용할 수 있음. const arr = [1, 2, 3, 4, 5]; const newArr = arr.map((element) => { return element * 2; }); console.log(newArr); // newArr : 2 4 6 8 10 map은 각 요소를 순회해 연산을 하고 리턴하는 함수 const arr = [1, 2, 3, 4,..

인간에게는 어렵지만 컴퓨터에겐 너무 쉬운 일은 아무래도 반복적 일이 아닐까? 간단한 코드 한 줄을 100번 1000번 1000000000번 실행하면 그만큼 의미없이 코드가 길어지기만 할 뿐이고 만약 그 코드를 다르게 수정해야한다면 반복하는 만큼 수정을 해야하지만 반복문을 사용한다면 그런 걱정은 이제 그만. 다용도 장미칼같은 반복문을 써보자 for (let i = 0; i < 100; i++) { console.log(i); } 0 ~ 99 까지 출력하는 반복문 i의 초기화값을 변경하거나 반복수행할 조건을 수정하거나 증감연산자를 바꾸면 엄청난 일들을 할 수 있음. const person = { name: '고줭', age: 9 } const personKeys = Object.keys(person);// ..

let arr1 = new Array(); let arr2 = [];// 배열 리터럴 형식 let arr3 = [1, '123', true, null, undefined, {}, [], function() {}]; let arr = [1, 2, 3, 4, 5]; console.log(arr[0]);// 1 console.log(arr[1]);// 2 arr.push(6);// 배열 마지막에 값을 추가하는 함수 console.log(arr.length);// 6 배열은 비원시자료형으로 객체와 더불어 어떤 값이든 넣을 수 있음. 객체는 객체명.프로퍼티 형식으로 값에 접근했다면 배열은 index를 통해 접근함. (시작은 0 부터 셈) 객체의 점 표기법처럼 arr.legnth라 쓰면 배열의 길이를 리턴받음 그럼..

const person = { name: "고줭", age: 9, say: function () { console.log(`안녕하세용 ${person.name}`); console.log(`안녕하세용 ${person["name"]}`); } }; console.log(person.name); console.log(person["name"]); person.say(); person["say"](); 객체의 경우 new 로 생성하기도 하지만 {}; 를 사용한다면 객체 리터럴 방식을 사용한다. (json을 떠올리면 쉬움) 객체명.프로퍼티 객체명["프로퍼티"] 로 접근할 수 있으며 .을 사용 하는것은 점표기법이고 []를 사용하는 것은 괄호표기법이라고 함. 객체의 프로퍼티는 문자, 숫자, 불리언, 함수 등 여러 ..