Java Script - Object Destructuring, Array Destructuring

Object Destructuring - ES6에서 추가된 기능이다. 구조 분해 할당으로 배열이나 객체에서 값을 분해해 쉽게 다른 변수에 사용할 수 있도록 해주는 기능이다.

        function student(){

            return {

                name:"Lee",

                num:14,

                age:17,

                region:"Seoul"

            };

        }

        let stud = student();

        console.log(stud.name);

        let {name, age} = student();

        console.log(name);

        console.log(age);

원래 오브젝트에서 키 값을 가져오려면 stud.name의 형태로 불러와 사용했다. 하지만 { } 사이에 키 값을 입력하고 오브젝트를 불러오면 키 값만으로 원하는 값을 불러올 수 있다.

 

Array Destructuring

        function test_score() {

            return [55, 80, 90];

        }

        let score = test_score();

        console.log(score);

        console.log(score[1]);

 

        function getLocation(){

            return [81.054, 55.47];

        }

        let [latitude, longitude] = getLocation();

        console.log(latitude);

배열에서 원하는 인덱스의 값을 가져오려면 score[1]의 형태로 불러와 사용한다. 하지만 [ ] 사이에 변수를 선언하고 함수를 불러오면 원하는 값을 불러올 수 있다.