Front-End

== 추가적인 공부 == 본문

알고리즘

== 추가적인 공부 ==

jeongsso 2023. 9. 11. 17:57

구조 분해 할당.

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.

들어는 봤지만, 사실상 코드로 내가 잘 써본거는 없다.

 

let a, b, rest;
[a, b] = [10, 20];

console.log(a);
// Expected output: 10

console.log(b);
// Expected output: 20

[a, b, ...rest] = [10, 20, 30, 40, 50];

console.log(rest);
// Expected output: Array [30, 40, 50]

 

[a, b] = [10, 20] 

이것도 봤을 때 사실 기존에 알던 변수랑 비슷해보인다. 

 

[a, b, ...rest] = [10, 20, 30, 40, 50];

 

이부분이 충격이다.

const [ a, b ] = [...num_list]

num_list가 여러개 있더라도,

a, b 는 맨앞에와 그 두번째 인자를 나타내준다. 
이런식으로 굳이 인덱스로 불러와서 확인하지않아도 구조 분해로 확인할 수있다.

 

 


replace.  / replaceAll

replace는 

문자열 패턴적어둔거에서 하나만! 만나서 바꿔주고 바로 꺼져버림.

 

근데 replaceAll은 전부다 바꿔주고감 ㅎㅎ

 

 


new.  new Function

 

 

new => 생성자 함수로 객체를 생성한다.

function Person(name) {
    this.name = name;
    this.showName = function () {
        console.log(`My name is ${this.name}`);
    };
}

var person = new Person('Son');
person.showName();

 

함수 앞에 new를 붙일 수도 있다.

빈 객체를 생성하고 this가 빈객체를 가리키게 하고

함수를 실행합니다.

this를 반환한다.

 

써봐야 좀 new를 이해할 수 있을 것 같다

 

 

 

 

 

 

 

Comments