标签：index 面试题 ownKeys obj iterator 迭代 mian ti shi

8道经典JavaScript面试题解析，你真的掌握JavaScript了吗？

https://segmentfault.com/a/1190000020026378

『解疑』js对象obj is not iterable问题，无法使用扩展运算符展开对象解决方法，为对象定义迭代器（面试题）

https://blog.csdn.net/DemoJx/article/details/101448171

问题
在给对象使用扩展运算符时，我们发现它会抛出异常 :
TypeError: obj is not iterable
这也是一道面试题，题目问题是这样的：

我们能否以某种方式为下面的语句使用展开运算而不导致类型错误?

这是报错代码示例：

let obj = { x: 1, y: 2, z: 3 }
console.log([...obj]) // TypeError
1
2
解题知识点
Symbol.iterator
为每一个对象定义了默认的迭代器。该迭代器可以被 for…of 循环使用。

Reflect.ownKeys
静态方法 Reflect.ownKeys() 返回一个由目标对象自身的属性键组成的数组。

解题答案
next 方法是迭代器iterator的一个方法
它的返回至少有一个对象，且对象中有两个属性：value＆done
value 用于定义迭代出来的值
done 布尔类型：
设置true，则直接返回；不设置或者设置false，则继续走方法，类似for循环。
下面直接给出答案：

var obj = { x: 1, y: 2, z: 3 }
obj[Symbol.iterator] = function() {
return {
next:function(){
let objArr = Reflect.ownKeys(obj)
if (this.index < objArr.length-1) {
let key = objArr[this.index];
this.index++;
return { value: obj[key] };
} else {
return { done: true };
}
},
index:0
}
}
console.log([...obj]) // [1, 2, 3]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
参考：

1.8道经典JavaScript面试题解析，你真的掌握JavaScript了吗？
2.MDN-Reflect.ownKeys()
3.MDN-Symbol.iterator
4.ES6学习——新的语法：Symbols——Symbol.iterator
————————————————
版权声明：本文为CSDN博主「DemoJx」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/DemoJx/article/details/101448171

标签：index,面试题,ownKeys,obj,iterator,迭代,mian,ti,shi
来源： https://www.cnblogs.com/dhjy123/p/14836654.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。