My Boundary As Much As I Experienced

자료형을 생성하는 2가지 방식 프로토타입을 만들기 전에 예시로 배열을 만드는 데는 2가지 방법을 사용해보자 const fruits = ["Apple", "Banana", "Cherry"]; //배열 리터럴 방식 const fru2 = new Array("Apple", "Banana", "Cherry"); //사실 리터럴로 입력해도 컴퓨터는 생성자 함수 방식으로 생성한다. 하나는 배열 리터럴 방식으로, []을 이용해서 직관적으로 자신이 넣고싶은 데이터들을 넣을 수 있다. 나머지 하나는 생성자 함수를 사용하는 방법이다. new 연산자와 맨 앞글자가 대문자인(파스칼 표기법) 생성자 함수를 사용하는 방식이다. Array뿐만 아니라, Object도 이와 같이 생성할 수 있다. 생성자 함수(틀)에서 내가 원하는 객..

And 연산자(&&) 조건문에 쓰일 시: 두 조건 모두 만족해야 true를 반환한다. 하나라도 불만족할 시 false를 반환한다. 변수 할당에 쓰일 시: 가장 마지막 참인 항의 값을 할당한다. 특이하게도 만약 거짓된 항이 있을 시 탐색을 그만하고 거짓된 항의 값을 할당한다(!) const num0 = 0 if (num0 0) { console.log("both are valid!") } // "both are valid!..

While문 while문 안의 조건이 참인 이상 계속 순회합니다. 탈출 조건이 명확하지 않으면 무한 루프를 돌 수 있는 위험성이 있습니다. let cnt = 10 while (cnt >= 0) { console.log(cnt); cnt--; } // while문에 cnt가 0이 될때까지 반복하고 // cnt가 -1이 되는 시점부터 순회를 끝냅니다. Do-While문 Do문을 먼저 한 번 실행 한 다음, while문을 통해 반복할지 말지를 결정합니다. let cnt = 10 do { console.log(cnt); cnt--; } while (cnt); // while문의 cnt를 1만큼 줄여서 falshy값인 0이 될 때까지 반복하게 됩니다.

선택적 체이닝은 있을수도 있고, 없을 수도 있는 데이터를 다룰 때 유용하다. 아래와 같은 user 2명이 있다고 해보자. const userA = { name: "bumang", age: 20, address: { country: "korea", city: "gimpo", }, }; const userB = { name: "neo", age: 20, }; userA는 address라는 속성과 값을 가지고 있지만, userB는 가지고 있지 않다. 이 상황에서 getAddress라는 함수를 만들어서 사용하고자 할 때, function getAddress(user) { return user.address.city; } console.log("!", getAddress(userB)); //reference er..

구조 분해 할당은 객체나 배열을 해체하여 각각의 인자들을 한꺼번에 다른 변수의 값으로 설정해주는 문법이다. 한 배열의 인자들을 각기 다른 변수에 할당하고 싶을 때 구조 분해 할당을 이용하지 않을 시, const arr = [1,2,3,4,5] const arg1 = arr[0] const arg2 = arr[1] const arg3 = arr[2] const arg4 = arr[3] const arg5 = arr[4] arr에 있는 값들을 하나하나 원하는 변수에 지정해줘야 한다... 그러나 구조 분해 할당을 이용한다면, arr = [1, 2, 3, 4, 5]; const [a, b, c, d, e] = arr; 매우 간편하게 a,b,c,d,e라는 변수에 arr의 인자들을 할당할 수 있다! 이뿐만이 아니라..