[JS] 자바스크립트 변수 값 교환하기(Swap), 배열/객체 기본값 설정하기

 자바스크립트에서 변수 값을 교환하는 Swap 과정과, 배열/객체 기본값을 설정하는 방법을 알아보겠습니다.

 

[ Contents ]

 

 

1. 변수 값 교환하기

let a = 1;
let b = 2;
let tmp;

tmp = a;
a = b;
b = tmp;

console.log(a, b);

 기본적인 값 교환은 tmp 변수를 이용하는 겁니다. 아주 고전적인 방식이죠.

 

 

let a = 1;
let b = 2;

a, b = b, a;
console.log(a, b);

 자바스크립트는 파이썬처럼 값 교환이 가능하진 않습니다.

 

 

let a = 1;
let b = 2;

[a, b] = [b, a];
console.log(a, b);

 다만 배열 형태를 빌려서 비스무리하게 구현할 수는 있습니다.

 

 

let a = 1;
let b = 2;
let c = 3;

[a, b, c] = [b, c, a];
console.log(a, b, c);

 배열을 이용하면 여러 변수의 값 교환도 쉽게할 수 있습니다.

 

 

 

2. 배열의 초기값 설정

let [항목 1, 항목 2 = 초기값, ..., 항목 3 = 초기값]

 배열 항목의 초기값을 설정할 수 있습니다. 만약 초기값이 없다면 undefined가 됩니다.

 

let c1, c2, c3, c4, c5;
[c1, c2, c3, c4, c5 = "yellow"] = ["green", "blue", "purple"];

console.log(c1); // "green"
console.log(c2); // "blue"
console.log(c3); // "purple"
console.log(c4); // undefined
console.log(c5); // "yellow"

 초기값 설정은 대입 연산자를 이용해서 할 수도 있고, 배열 내에서 지정할 수도 있습니다.

반응형

 

 

3. 객체의 기본값 설정

let colors = {
    c1: "green",
    c2: "blue",
    c3: "purple",
};

console.log(colors.c1);// green
console.log(colors.c2);// blue
console.log(colors.c3);// purple

 객체의 기본값은 =가 아니라 :를 통해서 지정합니다. 객체를 생성하면 해당 기본값으로 지정되게 됩니다.