본문 바로가기

Front-End55

[JS] 객체와 객체지향 프로그래밍 1. 객체 객체는 프로퍼티를 가지며, 각 프로퍼티에는 문자열이나 심볼 인덱스가 있습니다. 1. 프로퍼티 나열 1) for...in const SYM = Symbol(); const o = { a: 1, b: 'x', c: 3, [SYM]: 4 }; for(let prop in o) { if(!o.hasOwnProperty(prop)) continue; console.log(`${prop}:${o[prop]}`); } // a:1 // b:x // c:3 2) Object.keys 객체에서 나열 가능한 문자열 프로퍼티를 배열로 반환. const SYM = Symbol(); const o = { a: 1, b: 'x', c: 3, [SYM]: 4 }; Object.keys(o).forEach(prop => .. 2020. 4. 30.
[JS] 배열 1. 배열 1. 배열 요소 1-1. push와 pop / shift와 unshift - 추가 또는 제거 push, pop은 각각 배열의 끝에 요소를 추가하거나 제거. shift와 unshift는 각각 배열의 처음에 요소를 추가하거나 제거. push와 unshift는 새 요소를 추가해서 늘어난 길이를 반환. pop과 shift는 제거된 요소를 반환. const arr = ['a', 'b', 'c']; arr.push('d'); // 4 arr.pop(); // 'd' arr.unshift('d'); // 4 arr.shift(); // 'd' 1-2. concat - 여러 요소를 추가하여 사본으로 반환. (한 번만) concat메서드는 배열의 끝에 여러 요소를 추가한 사본을 반환. concat에 배열을 넘.. 2020. 4. 30.
[JS] 스코프 1. 스코프 변수와 상수, 매개변수가 언제 어디서 정의되는지 결정. 함수를 실제 호출할 때까지는 함수 바디의 정해진 매개변수가 존재하지 않음. 여러 번 호출할 수 있으므로 호출할 때마다 매개변수가 나타나고 함수가 제어권을 반환하면 스코프 밖으로 사라짐. 2020. 4. 30.
[JS] 함수 1. 함수 하나의 단위로 실행되는 문의 집합 1-1. 반환 값 (return) 함수 호출도 표현식 함수를 즉시 종료하고 값을 반환. function getGreeting() { return 'Hello world'; } getGreeting(); // Hello World 1-2. 호출과 참조 함수 식별자 뒤에 괄호를 쓰면 함수를 호출하려 한다고 이해하고 함수 바디를 실행함. 함수를 호출한 표현식은 반환 값이 됨. get getGreeting() { return 'Hello world' } getGreeting(); // Hello world getGreeting; // function getGreeting() 1-3. 함수와 매개변수 함수를 호출하면서 정보를 전달할 때는 함수 매개변수를 이용. func.. 2020. 4. 30.

티스토리툴바