JavaScript 문법 종합반
-
2-2 ES6 문법 소개 및 실습 2JavaScript 문법 종합반 2023. 4. 8. 12:52
단축 속성명(property shorthand) *많이 쓰임. 해석이 중요. 단축시켜서 숨어있는 속성명을 머릿속에 그려보기. const name = "nbc"; const age = "30"; const obj = { name: name, age: newAge } 여기서 object의 객체 키: 밸류 형태는 name(키)과 그것이 들어갈 자리의 이름을 name이라고 만들어놓은 것인데, 만약 키와 밸류가 같은이름으로 명시해 놓았다면 const obj = { name, age: newAge } 으로 생략이 가능하고, age도 마찬가지로 밸류자리의 이름을 그냥 age로 하기로 한다면 const obj = { name, age } 즉 const obj = {name, age}로 간단하게 단축시킬 수 있는데 언뜻..
-
2-1 ES6 문법 소개 및 실습 1JavaScript 문법 종합반 2023. 4. 8. 11:10
*ES6: 2015년에 시작된 자바스크립트의 여섯번째 문법 구조분해할당 destructuring(de + stucture + ing) 배열이나 객체의 속성을 찢어서 할당 1. 배열의 경우 let [value, value2] = [1, "new"] console.log("1", value1); console.log("2", value2); 터미널 결과: 1 1 2 new let arr = ["value1", "value2", "value3"] let [a, b, c, d] = arr; console.log(a); console.log(b); console.log(c); console.log(d); 터미널 결과: value1 value2 value3 undefined 임의로 초기값 세팅해버리기 let arr..
-
1주차 숙제 02 - 반복문, 조건문 연습하기JavaScript 문법 종합반 2023. 4. 7. 23:24
문제 absolutes의 정수 객체에 signs의 객체(+-)를 합쳐서 덧셈뺄셈화 하기 --------------------------------------------------------------------------------------------- function solution(absolutes, signs) { var answer = 123456789; return answer; } --------------------------------------------------------------------------------------------- function solution(absolutes, signs) { //1. var answer = 0; //2. for (var i=0; i
-
1주차 숙제 01 - 문자열 연습하기JavaScript 문법 종합반 2023. 4. 7. 22:52
*문제풀이할때는 머릿속에 있는 로직을 주석으로 스텝별로 적어가는것이 좋다. 문제 s(S)와 p(P)의 갯수를 비교해서 같으면 true 도출하기 --------------------------------------------------------------------- function solution(s){ var answer = true; // [실행] 버튼을 누르면 출력 값을 볼 수 있습니다. console.log('Hello Javascript') return answer; } //0. solution("vbd") --------------------------------------------------------------------- function solution (s) { var answer ..
-
1-15 break continueJavaScript 문법 종합반 2023. 4. 7. 21:36
1. while 비교. for문과 비슷. for (초기값; 조건식; 증감식) { } for (let i = 0; i 10, i++) { if (i === 5) { break; } console.log(i) } 3-2. continue문 for문이 도는 과정에서 continue를 만나면 다음 순서로 넘어간다. for(let i=0, i>10, i++) { if (i === 5) { continue; } console.log(i) } 배운점 while (조건) { //메인로직 //증감 } while문에서 증감을 잊지 말고 넣을 것! do~while문에서도 증감을 잊지 말고 넣을 것! for문에서 (let ~) let을 꼭 넣을 것!
-
-
1- 13. 배열 2JavaScript 문법 종합반 2023. 4. 5. 20:23
forEach, map, filter, find *콜백 함수: 매개변수 자리에 함수를 넣는 것 1. forEach let numbers = [4, 1, 5, 4, 5] 배열이름.forEach(function(매개변수이름) {}); numbers.forEach(function(item) { console.log("item입니다 =>" + item); }); 터미널 결과: item입니다 => 4 item입니다 => 1 item입니다 => 5 item입니다 => 4 item입니다 => 5 2. map (forEach와 마찬가지로 콜백함수가 포함됨. 다만 중괄호 안에 반드시 return문이 들어가야 함. map의 역할:기존에 있는 numbers의 배열을 가공해 새로운 배열을 생산해내는 역할. map을 거치고나면..