其他分享
首页 > 其他分享> > js mian shi ti

js mian shi ti

作者:互联网

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