본문 바로가기
728x90

My Wiki (CodesStates)/JS,Node20

(3-1) JS/Node 스코프,클로저 - 원시자료형과 참조자료형 원시 자료형이란? 객체가 아니면서 method 를 가지지 않는 6가지의 타입. string, number, bigint, undefined, symbol, (null) 이 있다. 원시자료형은 모두 "하나" 의 정보, 즉 데이터를 담고 있다. 데이터 보관함 한 칸에 하나의 데이터만 넣을 수 있는 예전의 "원시적인" 방식인 것이다. 'string', 42, true, false, undefined // 데이터가 "하나"의 정보를 담고 있다 변수에는 하나의 데이터만 담는다. 변수에는 데이터의 크기와는 관계 없이 하나의 데이터만 담을 수 있다. 또한 원시 자료형은 값 자체에 대한 변경이 불가능(immutable)하지만 변수에 다른 데이터를 할당할 수는 있다. "hello world!" "hello codesta.. 2021. 8. 4.
(2-5) JS/Node 배열, 객체 - 객체의 반복 for in 구문 : 객체의 모든 key에 접근할 수 있다. function allKeys(obj) { for (let key in obj) { console.log(key); } } [코드] for in 구문을 통해 객체의 모든 key에 접근하고 출력할 수 있다. 여기서 key 는 변수기 때문에 꼭 key 라고 적어주지 않고 props 혹은 아무거나 적어주어도 된다. 문제 두개의 객체를 입력받아 두 번째 객체의 속성들을 첫 번째 객체에 추가해야 한다. 아래의 입출력 예시를 보고 정답을 코드로 옮겨보자. const obj1 = { a: 1, b: 2 }; const obj2 = { b: 4, c: 3 }; // 보기의 코드를 여기에 입력하면 아래의 결과가 나와야 한다. extend(obj1, obj2);.. 2021. 8. 1.
(2-4) JS/Node 배열, 객체 - 객체 기초 자바스크립트의 객체는 게임 캐릭터에 비유할 수 있다. 사용자들의 캐릭터는 동일하게 직업과 능력을 가지고 있지만 세부적인 내용은 다르다. 누군가는 김코딩이라는 ID와 마법사라는 직업을 갖고 있지만 다른 누군가는 박해커라는 ID와 전사라는 직업을 가지고 있다. 이렇게 각기 다른 값을 가질 수 있지만 입력해야하는 데이터의 종류가 동일한 경우 객체를 사용하면 손쉽게 데이터를 관리할 수 있다. 객체를 사용하는 방법은 두 가지가 있다. Dot notation 과 Bracket notation 이다. 방법 1 : Dot notation let user = { firstName: 'Steve' , lastName: 'Lee' , email: 'steve@codestates.com' , city: 'Seoul' }; u.. 2021. 8. 1.
(2-3) JS/Node 배열, 객체 - 배열 요소 포함 여부 확인하기 .indexOf ( 요소 ) : 원하는 요소가 어느 인덱스에 들어가 있는지 알 수 있다. let words = ['Radagast', 'the', 'Brown']; words.indexOf('the') // 1 words.indexOf('Brown') // 2 words.indexOf('Radagast') // 0 단어가 없으면 -1이 반환된다. words.indexOf('Radgast') // 0 words.indexOf('없는단어') // -1 words.indexOf('다른 것') // -1 indexOf를 통해 단어가 있는지 없는지 알아내려면 이렇게 할 수 있다. words.indexOf('Brown') !== -1 // true words.indexOf('없는단어') !== -1 // false.. 2021. 8. 1.

티스토리툴바