키모스토리

callcall 메서드는 모든 함수에서 사용할 수 있으며, this를 특정값으로 지정할 수 있다.const mike = { name: "Mike",};const tom = { name: "Tom",};// 해당 함수에서 접근 가능한 this가 없는 상태function showThisName(){ console.log(this.name);}showThisName(); // undefinedshowThisName.call(mike); // Mike .call() 메서드를 이용하여 this를 사용할 수 있게 됨showThisName.call(tom); // Tom .call() 메서드를 이용하여 this를 사용할 수 있게 됨function update(birthYear, occupation)..

setTimeout : 지정한 시간이 지나면 해당 함수를 1번 실행함// 함수를 따로 생성해 놓고 setTimeout 에서 호출function fn(){ console.log(3);}setTimeout(fn, 3000);// setTimeout 을 익명 함수를 이용하여 작업을 바로 지정 setTimeout(function(){ console.log(5)}, 5000);// setTimeout 인수 전달방법function showName(name){ console.log(name);}setTimeout(showName, 3000, 'Mike'); // 함수, 시간, 인수// 예정된 타이머를 취소를 위해 setTimeout을 변수에 저장const tId=setTimeout(showName, ..

arguments - 함수로 넘어 온 모든 인수에 접근  - 함수 내에서 이용 가능한 지역 변수  - lenght / index 를 가짐  - Array 형태의 객체  - 배열의 내장 메서드 없음 (forEach, map 사용안됨) function showName(name){    console.log(arguments.length);    console.log(arguments[0]);    console.log(arguments[1]);}showName('Mike', 'Tom');// 2// Mike// Tom 나머지 매개변수 (Rest parmeters) ...  으로 표현function showName(...names){    console.log(names);}showName();  showNa..

구조 분해 할당 (Destructuring assignment)- 구조 분해할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식let [x, y] = [1, 2];console.log(x); // 2console.log(y); // 1 배열을 분해해서 변수에 저장.let users = ['Mike', 'Tom', 'Jane'];let [user1, user2, user3] = users;console.log(user1); // 'Mikeconsole.log(user2); // 'Tomconsole.log(user3); // 'Jane let [a, b, c] = [1, 2]; // c에는 undefined 가 들어간다let [a=3, b=4, c=5] = [1,2];co..

sort() 배열 재정렬 (배열 자체가 변경됨)인수로 정렬 로직을 담은 함수를 받을 수 있음 let arr = [27, 5, 9, 14];arr.sort();console.log(arr); // [ 14, 27, 5, 9 ]  -> 5,9,14,27을 예상 하였으나 문자열 정렬방식으로 정렬됨let arr = [27, 5, 9, 14];arr.sort((a, b)=> {    console.log(a, b);    return a - b;});console.log(arr); // [ 5, 9, 14, 27 ] reduce()인수로 함수를 받음 (누적 계산, 현재값) -> {return 계산값};let arr = [ 1, 2, 3, 4, 5 ];// 배열의 모든 수 합계let result =0;arr.for..

arr.sort() 배열 재정렬, 배열 자체가 변경됨인수로 정렬 로직을 담은 함수를 받음let arr = [1, 5, 4, 2, 3];arr.sort();console.log(arr); // [ 1, 2, 3, 4, 5 ]let arr = ["a","c","d","b","e"];arr.sort();console.log(arr); // [ 'a', 'b', 'c', 'd', 'e' ] 주의 - 숫자값 배열을 정렬했으나 문자열로 변환하여 정렬을 처리함let arr = [27, 5, 9, 14];arr.sort();console.log(arr); // [ 14, 27, 5, 9 ]

배열의 기초선언 및 초기화const array_name = [item1, item2, ...];       const 키워드로 배열을 선언하는 것이 일반적입니다 .const cars = ["Saab", "Volvo", "BMW"]; 공백과 줄 바꿈은 중요하지 않습니다. 선언은 여러 줄에 걸쳐 있을 수 있습니다.const cars = [  "Saab",  "Volvo",  "BMW"]; 배열을 생성한 다음 요소를 제공할 수도 있습니다.const cars = [];cars[0]= "Saab";cars[1]= "Volvo";cars[2]= "BMW"; new 키워드로 배열 선언 방법const cars = new Array("Saab", "Volvo", "BMW"); new 키워드 사용보다는 아래 처럼 선언하는..

String at()const name = "W3Schools";let letter = name.at(2); // 'S'  const name = "W3Schools";let letter = name[2]; // 'S' let text = "HELLO WORLD";let char = text[0]; // 'H'문자열 부분 추출slice(start, end)substring(start, end)substr(start, length)Slice : 시작위치(0부터)~끝위치let text = "Apple, Banana, Kiwi";let part = text.slice(7, 13); // 'Banana'  2번째 인자 없으면 시작 위치부터 끝까지let text = "Apple, Banana, Kiwi";let ..

toString() 10진수 => 2진수/16진수로 변환 let num = 10;num.toString(); // "10"num.toString(2); // "1010" , 2진수로 변환 let num2 = 255;num2.toString(16); // "ff" , 16진수로 변환 Math.PI;3.141592653589793 Math.ceil(): 올림Math.floor() : 내림math.round(): 반올림 소수점 자릿수 : Math.roundlet userRate = 30.1234;요구사항 : 소수점 둘째자리 까지 표현(셋째 자리에서 반올림)Math.round(userRate * 100) / 100;  // 30.12 소숫점 자릿수 : toFixed()  let userRate = 30.1234..

일반적인 property key는 문자형으로 이루어 진다 property key를 1, false 처럼 숫자형, boolean형으로 사용을 해도 Object.keys 로 확인을 해보면 문자열로 반환된다const obj = { 1: '1입니다', false : '거짓'}console.log(Object.keys(obj)); // [ '1', 'false' ] 반환console.log(obj['1']);console.log(obj['false']); property key로 사용 가능한 또하나의 자료형은  Symbol형이다심볼(symbol)은 유일한 식별자(unique identifier)를 만들고 싶을 때 사용합니다. Symbol()을 사용하면 심볼값을 만들 수 있습니다.// id는 새로운 심볼..

Computed Property : 객체내 프로퍼티를 let a = 'age';const user = { name: 'Mike', [a] : 30 // age :30}console.log(user.name, user.age);  객체 메소드 (Object Method) Object.assign() : 객체 복제const user = { name: 'Mike', age: 30}// 이렇게 하면 user 와 같은 객체를 바라보는 참조 변수만 생성됨const cloneUser = user; // 새로운 유저정보를 저장하는 객체 생성const newUser = Object.assign({}, user);// 객체+객체를 복제 가능const newUser2 = Object.assign({ gender:'mal..

객체 리터럴: 단일 사용을 위해 간편하게 객체를 만들어 사용할때let user = { name: 'Mike', age: 30,}  생성자 함수: 위와 같은 데이터 구조를 여러개가 필요할때 사용 (class 와 유사): new 연산자를 이용해 객체를 생성function User(name, age){ this.name = name; this.age = age;}let user1 = new User('Mike', 30);let user2 = new User('Jane', 23);let user3 = new User('Tom', 16);console.log(user1, user2, user3);  생성자 내 메서드 추가 가능function User(name, age){ this.name = name; th..