프론트엔드 센트럴파크 (☞ﾟヮﾟ)☞

- 객체의 key, value 형태를 반복하여 수행하는데 최적화 된 유형 - 첫번째 부터 마지막까지 객체의 키 개수만큼 반복 // Syntax for(key in object) { } const person = { fname : "Jeong", lname : "Dagyeong", age : 28, mbti : "ENFP"}; let text = ""; for(let key in person) { text += person[key]; } console.log(text);

let day_number = 1; // switch의 변수값 let day = ""; // String switch (day_number) { case 0 : day = "Sunday"; break; case 1 : day = "Monday"; break; case 2 : day = "Wednesday"; break; case 3 : day = "Thursday"; break; case 4 : day = "Friday"; break; case 5 : day = "Sunday"; break; case 6 : day = "Saturday"; break; default : day = "error"; break; } console.log(day); 만약 break;가 없다면? let day_number = 4..

변수 = (조건식) ? 참일 때 값 : 거짓일 때 값; let age = 20; // 조건문 if-else if (age < 19) { msg = "Not adult"; } else { msg = "Adult"; } console.log(msg); // Adult // 3항 연산자 msg_another = age < 19 ? "Not adult" : "Adult"; console.log(msg_another); // Adult

&&(and)연산자 const a1 = true && true; // returns true const a2 = true && false; // returns false const a3 = false && false; // returns false const a4 = false && 3 == 4; // returns false const a5 = "cat" && "dog"; // returns dog const a6 = false && cat; // returns false const a7 = "cat" && false; // returns false 참이 나올 때 까지 계속 그리고로 넘어가는 것 이라 생각하면 쉽다. ||(or) 연산자 const a1 = true || true; // returns t..

++(더하기)연산자를 사용할 때 ++위치에 따라 값이 다르게 나온다. let num, result; num = 10; result = num++; console.log(result); console.log(num); console.log(result); num을 복사할 시점에 result는 10이다. console.log(num); num값은 그 다음시점부터 적용이 되어서 ++한 값인 11이 된다. let num, result; num = 10; result = ++num; console.log(result); console.log(num); console.log(result); ++가 앞에 있기 때문에 ++를 반영하고 11인 상태에서 result로 복사된다. console.log(num); 이미 11인..

▶ for문을 이용한 방법 let user = { name : "Ho", age : 27, }; let admin = {}; for(let key in user) { admin[key] = user[key]; } admin.name = "park"; console.log(admin.name); console.log(user.name); ▶ Object.assign() 함수 let user = { name : "Ho", age : 27, }; // 빈 객체에 user객체를 합쳐서 admin에 넣어라 let admin = Object.assign({}, user); admin.name = "park"; console.log(admin.name); console.log(user.name); ▶ 전개연산자 le..

object가 2개 이상인경우 JSON을 이용한 깊은 복사가 가능하다. let user = { name : "Ho", age : 27, sizes : { height : 180, weight : 70 } }; // stringify : js object -> string, parse : string -> js object let admin = JSON.parse(JSON.stringify(user)); admin.sizes.height = admin.sizes.height +1; stringify : js object -> string, parse : string -> js object 하는 이유? 다시 문자열에서 object로 만들어 줄 때 문자열(string)에 있는 것들을 다 object로 만들어주..

자바스크립트를 이용하여 문서에 HTML 요소를 추가할 때 사용 createElement() .createElement('h1); 이면 createTextNode() createTextNode('text'); 이면 text라는 문자열을 추가 appendChild() 선택한 요소 안에 자식 요소를 추가 const btn = document.createElement("button"); const btnText = document.createTextNode("Click"); btn.appendChild(btnText); document.body.appendChild(btn);

함수에 파라미터로 들어가는 함수 순차적으로 실행하고 싶을 때 사용 document.querySelector(.button).addEventListener("click", function() { }); addEventListener(함수) 안에 파라미터로 함수를 넣는 경우 콜백함수라고 부를 수 있다. 대표적인 콜백함수 setTimeout(function() { },1000); 예시 function first() { console.log(1); } function second() { console.log(2); } first(second); first 함수 다음 second함수 실행하고 싶으면? function first() { console.log(1); second(); } function second(..

소수점 이하 올림 console.log(Math.floor(2.95)); // expected output: 3 console.log(Math.floor(2.05)); // expected output: 3 console.log(Math.floor(2)); // expected output: 2 console.log(Math.floor(-5.05)); // expected output: -5 console.log(Math.floor(-5.95)); // expected output: -5