본문 바로가기

전체 글53

구조 분해 할당 (Destructuring assignment) 구조 분해 할당 구문은 배열이나 객체의 속성읇 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 let [x, y] = [1, 2]; // x = 1, y = 2 let users = ["Mike", "Tom", "jane"]; let [user1, user2, user3] = users; user1 === users[0]; user2 === users[1]; user3 === users[2]; let str = "Mike-Tom-Jane"; let [user1, user2, user3] = str.split("-"); // ["Mike", "Tom", "jane"] 각각 할당된다 let [a, b, c] = [1, 2]; a = 1; b = 2; c = undefined; let [a = 3, b =.. 2021. 7. 12.
배열 메소드 2 배열메소드 2 arr.sort() 배열재정렬 . 배열 자체가 재정렬 (문자열,숫자열도 가능) let arr = [1, 5, 3, 4, 2]; arr.sort(); // [1,2,3,4,5] let arr = [27, 8, 5, 13]; arr.sort(); // [14, 37, 5, 8] 숫자열을 문자열로 취금하여 이러하게 나온다 function fn(a, b) { return a - b; } arr.sort(); // [14, 37, 5, 8] 숫자열을 문자열로 취금하여 이러하게 나온다 arr.sort(fn); // [5, 8, 14, 37] 숫자열을 문자열로 취금하여 이러하게 나온다 Lodash 라는 라이브러리를 사용하여 위에 잡업을 편하게 할수있다 _.sortBy(arr) https://lodash.. 2021. 7. 12.
배열 메소드 Array 배열 배열의 메소드 push() : 뒤에삽입 pop() : 뒤에 삭제 unshift() : 앞에 삽입 shift() : 앞에 삭제 arr.splice(n, m) 특정 요소 지움 let arr = [1, 2, 3, 4, 5]; arr.splice(1, 2); console.log(arr); // [1,4,5] arr.splice(n, m, x) 특정 요소 지우고 추가 let arr = [1, 2, 3, 4, 5]; arr.splice(1, 3, 100, 200); console.log(arr); // [1, 100, 200, 5] let arr = [1, 2, 3]; arr.splice(1, 0, 7, 8); // [1, 7, 8, 2, 3] arr.splice(n, m, x) 삭제된 요소 반환.. 2021. 7. 12.
문자열 메소드 문자열 메소드 ',",` .length // 문자열 길이 let desc = "안녕하세요"; desc.length; // 5 toUpperCase() / toLowerCase(); // 대문자 / 소문자로 변경 let desc = "kikiki"; desc.toUpperCase(); // 'KIKIKI' desc.toLowerCase(); // 'kikiki' str.indexOf(text); 위치를 알려주는 텍스트 let desc = "Hi guys. Nice to meet you"; desc.indexOf("to"); // 14 첫번쨰 위치를 알려준다 desc.indexOf("man"); // 찾는 글자가 없을떄 -1을 반환한다 if (desc.indexOf("hi") > -1) { consoloe... 2021. 7. 12.
Number, Math toString(); // 10진수 => 2진수 16진수 Math; Math.PI; // 3.14...... Math.ceil(); // 올림 let num1 = 5.1; let num2 = 5.7; MAth.ceil(num1); //6 MAth.ceil(num2); //6 Math.floor(); // 내림 let num1 = 5.1; let num2 = 5.7; MAth.floor(num1); //5 MAth.floor(num2); //5 Math.round(); // 반올림 let num1 = 5.1; let num2 = 5.7; MAth.round(num1); //5 MAth.round(num2); //6 let userRate = 30.1234 요구사항 : 소수전 둘쨰자리 까지 표현 (셋쨰 자리.. 2021. 7. 12.
심볼(Symbol) // 심볼(Symbol); 유일성 보장 const a = Symbol(); const b = Symbol(); a === b; //flase a == b; // flase const id = Symbol("id"); const id2 = Symbol("id"); id === id2; //flase id == id2; // flase const id = Symbol("id"); const user = { name: "Mike", age: 30, [id]: "myid", }; console.log(user); // { // name: "Mike", // age: 30, // Symbol[id]: "myid", // } Object.keys(user); Object.values(user); Object.ent.. 2021. 7. 12.
객체 메소드, 계산된 프로퍼티 객체 메소드(Object Methods) Object.assign() : 객체 복제 Object.keys() Object.values() Object.entries() Object.fromEntries() Object.assign() : 객체 복제 const user = { name: "Mike", age: 30, }; const cloneUser = user; // 참조값만 저장 const cloneUser = Object.assign({}, user); // 객체복사; // user의 값을 앞에 빈 객체에 저장한다. const cloneUser = Object.assign({ gender: "male" }, user); const cloneUser = { name: "Mike", age: 30, ge.. 2021. 7. 12.
생성자함수 객체 리터럴 let user = { name: "mike", age: 30, }; 생성자 함수 첫글자는 대문자로사용 function User(name, age) { this.name = name; this.age = age; } new 연산자를 이용해 선언 let user1 = new User("Mike", 30); let user2 = new User("jane", 22); let user3 = new User("Tom", 17); function User(name, age) { // this = {} this.name = name; this.age = age; // return this; } function User(name, age) { this.name = name; this.age = age; .. 2021. 7. 12.