es6 获取对象的所有值_es6中通过（iterator）接口遍历对象中所需要的属性值

es6中iterator

es6使用iterator结合for....of循环获取一个对象中需要的值

for...in循环和for...of循环的区别

for...in循环得到的是属性名，for...of得到的是属性值

for...in

const test = ['boyyang', '18', 'man']

for (const key in test) {

console.log(key)

}

//结果： 0 1 2

for...of

test = ['boyyang', '18', 'man']

for (const item of test) {

console.log(item)

}

// 结果： boyyang 18 man

iterator

const test = {

name: "boyyang",

age: "18",

skills: [

"html",

"css",

"js",

"jquery",

"vue"

],

[Symbol.iterator]: function () {

let index = 0

return {

next: () => {

if (index < this.skills.length) {

let result = {

value: this.skills[index],

done: false

}

index++

return result

}else{

return {

value: undefined,

done: true

}

}

}

}

}

}

for (const item of test) {

console.log(item)

}

// 结果： html css js jquery vue