Loading...
2019. 11. 15. 15:37

러닝 자바스크립트 9장 정리

객체 for ... in - 객체의 프로퍼티를 순회하는데 사용 - for (변수 in 객체) { 구문 } - 본문은 객체의 각 프로퍼티에 대해 한 번씩 실행 - 반복에 앞서 객체 프로퍼티 중 하나의 이름이 변수에 문자열 타입으로 할당 됨 const SYM = Symbol(); const o = { a: 1, b: 2, c: 3, [SYM]: 4 }; for (let prop in o) { if (!o.hasOwnPreperty(prop)) continue; console.log('${prop}: ${o[prop]}'); } Object.keys - 객체에서 나열 가능한 문자열 프로퍼티를 배열로 반환 - 객체의 프로퍼티 키를 배열로 가져와야 할 때 편리 const o = { a:1, x:2, b:3, g:..

2019. 11. 15. 14:57

러닝 자바스크립트 8장 정리

배열 push, pop, shift, unshift - push, pop 각각 배열의 끝에 요소를 추가하거나 제거한다. - shift, unshift 각각 배열의 처음에 요소를 제거하거나 추가한다. const arr = ["b", "c", "d"]; arr.push("e"); // arr = ["b", "c", "d", "e"] arr.pop(); // "e" 제거 arr = ["b", "c", "d"] 배열의 끝 요소 제거 arr.unshift("a"); // arr = ["a", "b", "c", "d"] arr.shift(); // "a" 제거 arr = ["b", "c", "d"] 배열의 첫 요소 제거 concat - concat 배열의 끝에 여러 요소를 추가한 '사본'을 반환한다. concat에..

2019. 10. 13. 17:28

러닝 자바스크립트 7장 정리

스코프 - 변수와 상수, 매개변수가 언제 어디서 정의되는지 결정해준다. function f(x) { return x + 3; } f(5); // 8 x; // undefined - x의 스코프가 함수 f이다. ( 함수를 실제 호출할 떄까지는 함수 바디의 정해진 매개변수가 존재하지 않아야 한다. ) 정적 스코프 function f1() { console.log ('one'); } function f2() { console.log ('two'); } f2(); f1(); f2(); - f1이 f2보다 먼저 정의 됐지만 f2가 먼저 실행된다. const x = 3; function f() { console.log(x); console.log(y); } { const y = 5; f(); } - 함수 f는 자신..

2019. 10. 11. 12:05

러닝 자바스크립트 6장 정리

함수 - 하나의 단위로 실행되는 문의 집합이다. function sayHello() { console.log ("Hello world!"); console.log ("Hola world!"); console.log ("Hallo wereld!"); } sayHello(); - 함수 선언의 한 예 반환 값 - 함수 호출의 값 함수 안의 return 키워드를 사용하면 함수를 즉시 종료하고 값을 반환한다. function getGreeting() { return "Hello world!"; } getGreeting(); // "Hello world!" - return을 명시적으로 호출하지 않으면 반환 값은 undefined가 된다. 호출과 참조 getGreeting(); // "Hello world!" get..

2019. 10. 11. 11:27

러닝 자바스크립트 5장 정리

산술 연산자 - C언어와 거의 동일, 전위 연산자는 먼저 변수의 값을 바꾼 다음에 평가하고 후위 연산자는 값을 바꾸기 전에 평가한다. let x = 2; const r1 = x++ + ++x; // 2+3 = 5, x는 4 const r2 = ++x + ++x; // 5+6 = 11, x는 6 const r3 = x++ + ++x; // 6+8 = 14, x는 8 연산자 우선순위 - 괄호가 가장 먼저이고 그 다음 곱셈과 나눗셈, 마지막으로 덧셈과 뺄셈을 한다. 우선순위가 같은 연산자들은 오른쪽에서 왼쪽으로, 왼쪽에서 오른쪽으로 평가한다. 비교 연산자 - 일치함 (' === '), 동등함 (' == '), 대소 관계의 세가지 타입으로 나뉜다. 두 값이 같은 값을 가리키거나 같은 타입이고 값도 같으면 일치한..

2019. 10. 9. 20:07

러닝 자바스크립트 4장 정리

자바스크립트의 제어문 메타문법 - ([ ]) 대괄호로 감싼것은 옵션이고 생략부호 (....)는 '여기에 들어갈 내용이 있다' 라는 뜻이다. while 문 while (condition) statement - condition이 참 같은 값이면 statement를 실행한다. if....else 문 if (condition) statement 1 [else statement 2] - condition이 참 같은 값이면 statement1을 실행하고 그렇지 않으면 else부분의 statement를 실행한다. do.....while 문 do statement while (condition); - statement는 최소한 한 번 실행하고 condition이 참 같은 값인 동안 반복해서 실행한다. for 문 fo..

2019. 10. 4. 20:52

러닝 자바스크립트 3장 정리

변수 기존의 var 와 더불어 let 키워드가 새로 생겼다. let currentTempC = 22; 이 문은 currentTemp 변수를 선언하고 초깃값을 할당하는 두가지 일을 한다. currentTempC의 값은 언제든지 바꿀 수 있다. 변수를 선언할 때 꼭 초깃값을 지정해야 하는 것은 아니다. 초깃값을 할당하지 않으면 임시로 'undefined'가 할당된다. let currentTempC; 은 let currentTempC = undefined; 와 같다. 또한 let 문 하나에서 변수를 여러 개 선언하는것도 가능하다. let targetTempC, room1 = "conference_room_a", room2 = "lobby"; 변수 3개를 선언했는데 targetTempC는 값을 할당하지 않았으므..