avaScript ES6值得掌握的五大功能（4）JavaScript解构

1

2

3

4

var profile = {name:'George', age:39, hobby:'Tennis'}<font></font>

var {name, hobby} = profile // destructure profile object<font></font>

console.log(name) // "George"<font></font>

console.log(hobby) // "Tennis"

1

2

3

4

var profile = {name:'George', age:39, hobby:'Tennis'}<font></font>

var {name:n, hobby:h} = profile // destructure profile object<font></font>

console.log(n) // "George"<font></font>

console.log(h) // "Tennis"

1

2

3

4

五

6

7

8

9

10

11

12

13

14

15

16

var jsondata = {<font></font>

    title: 'Top 5 javascript ES6 Features',<font></font>

    Details: {<font></font>

        date: {<font></font>

            created: '2017/09/19',<font></font>

            modified: '2017/09/20',<font></font>

        },<font></font>

        CateGory: 'JavaScript',<font></font>

    },<font></font>

    url: '/top-5-es6-features/'<font></font>

};<font></font>

<font></font>

var {title, Details: {date: {created, modified}}} = jsondata<font></font>

console.log(title) // 'Top 5 JavaScript ES6 Features'<font></font>

console.log(created) // '2017/09/19'<font></font>

console.log(modified) // '2017/09/20'