Digking's cave

구조분해할당 (Destructuring assignment) : 배열이나 객체의 속성을 분해해서 그 값은 변수에 담을 수 있게 하는 표현식 let [x, y] = [1,2]; console.log(x); // 1 console.log(y); // 2 let usres = ["Mike", "Tom", "Jane"]; let [ user1, user2, user3] = users; // user1 = users[0] Mike // user2 = users[1] Tom // user3 = users[2] Jane 배열 구조 분해 let str = "Mike-Tom-Jane"; let [user1, user2, user3] = str.split('-'); // "Mike" "Tom" "Jane" 해당값이 없으면..

arr.sort() 배열 재정렬 배열 자체가 변경되므로 주의해야한다. let arr = [1,5,4,2,3]; arr.sort(); console.log(arr); // [1,2,3,4,5] let arr2 = ["a","c", "e" ,"b", "d"] arr2.sort(); console.log(arr2); // ["a","b", "c", "d", "e" ] let arr3 = [27, 8 , 5 , 13] arr.sort(); // [13,27,5,8] 문자로 인식하기 때문에 십의자리 1,2를 기준으로 정렬한 것 // 따라서 인수로 정렬 로직을 담은 함수를 받아서 처리 arr.sort((a,b) => { console.log(a,b); return a-b; }); 편리하게 Lodash 라이브러리를 ..

# Array 관련 기초 함수 push() 뒤에 삽입 pop(0 뒤에 삭제 unshift() 앞에 삽입 shift() 앞에 삭제 # Array 관련 추가 함수 arr.splice(n,m) : 특정요소 지움 (n부터 시작하여 m개를 지움) → 삭제된 요소를 반환한다. arr.splice(n,m,x) : 특정요소 지우고 채움 (n부터 시작하여 m개를 지우고 x를 추가) let arr = [1,2,3,4,5]; arr.splice(1,2); let result = arr.splice(1,2); console.log(arr); // [1,4,5] console.log(result); // [1,4,5] let arr2 = [1,2,3,4,5]; arr2.splice(1,3,100,200); console.log..

' (작은따옴표) 와 "(큰따옴표)는 큰 차이가 없다. ` 는 $를 활용해 변수나 표현식을 사용할 수 있다. ` 는 여러줄을 포함 할 수 있다. `내 이름은 ${name}이다.` `3 빼기 1 은 ${3-1}이다.` let desc = `오늘은 맑고 화창하고 즐거운 날씨가 계속됩니다.` let desc = '오늘은 맑고 화창하고\n즐거운 날씨가 계속됩니다.' # 문자열 길이 (length) let desc = '안녕하세요.' desc.length // 6 # 문자열 특정 위치에 접근가능 인덱스를 활용하여 특정 위치에 접근이 가능하다. let testa = '안녕하세요.'; testa[2] // '하' 다만, 배열과 다르게 한글자만 변경은 불가능하다. # 문자열 내에 해당문자 위치 확인 str.indexO..

Number # 10진수 → 2진수 or 16진수 로 바꾸는 방법 10진수 → 2진수 : 숫자가담긴값.toString(2) 10진수 → 16진수 : 숫자가담긴값.toString(16) let num = 10; num.toString(); // 문자로 변경 num.toString(2) // 2진수로 변경 let num2 = 255; num2.toString(16) // ff -> 16진수로 변경 Math 수학과 관련된 property 와 method를 가진 내장객체 # Math.PI 원주율 출력 Math.PI; // 3.141592653589793 Math.ceil() 올림 Math.floor() 내림 Math.round() 반올림 let num1 = 5.1; let num2 = 5.7; // 올림 Mat..

# Symbol() 은 유일한 식별자이다. Symbol은 유일성을 보장한다. console.log를 찍었을 때 같은 값으로 출력되지만 실질적으로는 다르다. const a = Symbol(); const b = Symbol(); console.log(a); // Symbol() console.log(b); // Symbol() // a == b -> false // a === b -> false # Symbol에 설명을 추가하여 생성할 수 있다. const a = Symbol('id'); //설명을 추가해서 생성할 수 있다 const b = Symbol('id'); console.log(a); // Symbol(id) console.log(b); // Symbol(id) // a == b -> false ..

# 객체 메소드(Object methods) Object.assign({},객체1,객체2...); → {}를 바탕으로 뒤에 객체를 복제한다. const user = { name : "happy", age : 29, }; const user2 = Object.assign({},user); user2.name = "smile"; const user3 = Object.assign({gender:"female"},user); console.log(user); // {name:"happy", age:29} console.log(user2); // {name:"smile", age:29} console.log(user3); // {gender: 'female', name: 'happy', age: 29} Objec..

# 계산된 프로퍼티 (Computed property) property의 이름을 변수를 통해 동적으로 받아올 수 있다. 예시1) let testname = "name"; let testage = "age"; const user = { [testname] : "Happy", [testage] : 29, [1+5] : 6, ["test"+"property"] : 30, }; console.log(user) // {6: 6, name: 'Happy', age: 29, testproperty: 30} 예시2) function makeObj(key,value){ return { [key] : value, }; } const obj = makeObj("이름","happy"); console.log(obj); // ..