프론트엔드 센트럴파크 (☞ﾟヮﾟ)☞

함수는 문자열에서 특정 인덱스에 위치하는 유니코드 단일문자를 반환합니다. const str = 'ABC'; console.log(str.charAt(0)); console.log(str.charAt(1)); console.log(str.charAt(2));

Collection 객체인 Map이 가지고 있는 iterator 속성을 이용하여 for ... of 구문을 통해 반복문 수행 가능 let recipe_juice = new Map([ ["banana", 50], ["melon", 60], ["lemon", 70], ]); for(let item of recipe_juice.keys()) { console.log(item); }; for(let amount of recipe_juice.values()) { console.log(amount); }; // 전체(key, value) for(let entity of recipe_juice) { console.log(entity); }; // 전체(key, value) - 결과동일 for(let entity of..

- 다양한 자료형의 key를 허용하고, key-value 형태의 자료형을 저장 가능할 수 있는 Collection - Map은 Object 대비 비교하면 다양한 key의 사용을 허용하고, 값의 추가/삭제 시 메서드를 통해 수행이 필요함 map.set() : map 내에 특정 데이터 추가 let map = new Map(); map.set("name", "john"); map.set(123, 456); map.set(true, "bool_type"); console.log(map); map.set(123, 578).set(false, "bool_type").set("fruit", "melon"); 여러개의 데이터를 추가할 때는 이렇게도 쓰일 수 있다. map.get() : map 내에 특정 데이터, key..

원시 값 : 불변하다 - undefined - Boolean - String - Number - Bigint - Symbol const test = 'string'; console.log(test.toUpperCase()); console.log(test); 변경된 값을 return 하고 싶으면 재할당을 해주면 된다. let test = 'string'; test = test.toUpperCase(); console.log(test); 객체 : 변경가능한 값 - const object = {}; - const array = []; - const func() {} let person = { name : "Park" }; // 프로퍼티 값 갱신 person.name = "Kim"; // 프로퍼티 동적 생성 ..

Number.isNan() Number.isNaN() 메서드는 주어진 값이 NaN인지 판별합니다. 기존부터 존재한 전역 isNaN()함수의 더 엄격한 버전입니다. Number.isNaN(NaN); // true Number.isNaN(Number.NaN); // true Number.isNaN(0 / 0) // true // 예를 들면 이들은 global isNaN()으로는 true가 됐을 것임 Number.isNaN("NaN"); // false Number.isNaN(undefined); // false Number.isNaN({}); // false Number.isNaN("blabla"); // false // 모두 false Number.isNaN(true); Number.isNaN(null);..

new.target() - 유사한 객체를 다중으로 만들 때 사용되는 함수 - 생성자 함수의 첫 글자는 대문자로 시작 - 생성자 함수로 객체 생성 시 new 연산자를 통해 객체생성 // 빵틀 function fishBread(flavor, price) { this.flavor = flavor; this.price = price; this.base = "flour"; }; // 붕어빵 let bread1 = new fishBread("cream", 1200); console.log(bread1); new.target() 이라는 property를 통하여 new가 붙여졌는지 안붙여졌는지 확인하는 법 function User(name) { console.log(new.target); }; let result1 =..

요소 별 함수 수행 누적 결과값 반환 : Array.reduce(function(accumulator, item, index, array){}) accumulator : 이전 함수 결과가 누적(initial로 초기값 설정 가능) item : 배열요소 index : 배열 위치 array : 배열 let nums = [1, 2, 3, 4, 5]; let call_count = 0; console.log("result\tvalue\tindex"); let sum = nums.reduce(function(accumulator, item, index, array) { console.log(accumulator, "\t\t", item, "\t\t", index); call_count++; return accumu..

콜백함수의 조건을 만족하는 모든 값을 배열로 반환 : Array.filter(function(item, index, array){}) item : 배열요소 index : 배열위치 array : 배열 let users = [ {name : 'bpb', age : 17, job : false}, {name : 'hi', age : 20, job : false}, {name : 'hello', age : 27, job : true}, ]; let find_job = users.filter(function(user) { return user.job == false; }); console.log(find_job); let find_age = users.filter(function(user) { return use..

콜백함수의 조건을 만족하는, 단 하나의 값만 반환 : Array.find(function(item, index, array){}) item : 배열요소 index : 배열 위치 array : 배열 let users = [ {name : 'bpb', age : 17, job : false}, {name : 'hi', age : 20, job : false}, {name : 'hello', age : 27, job : true}, ]; let find_job = users.find(function(user) { return user.job == false; }); console.log(find_job); let find_age = users.find(function(user) { return user.age..

배열요소 별 함수 호출 및 결과를 배열로 반환 : Array.map(function(item, index, array){}) item : 배열요소 index : 배열위치 array : 배열 let nums = [1, 2, 3, 4, 5]; let use_for_loop = []; for(let i=0; i