ES5环境下TypeScript中Set转数组报错的解决方法咨询
问题描述
受限只能使用ES5环境,无法通过升级到ES6解决问题,现有代码如下:
let arr = [1,2,1,1,2,3,4] let arr2 = [].concat([...new Set(arr)]) let arr3 = [...new Set(arr)]
遇到的错误提示:
Type 'Set<number>' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher
尝试添加as number[]无效,需要可行的解决办法。
解决方案
方法1:用Array.from替代扩展运算符(需Set和Array.from的polyfill)
如果你的环境已经引入了Set和Array.from的polyfill,替换成以下代码即可避开扩展运算符遍历Set的问题:
let arr = [1,2,1,1,2,3,4]; let uniqueSet = new Set(arr); let arr2 = [].concat(Array.from(uniqueSet)); let arr3 = Array.from(uniqueSet) as number[];
方法2:手动遍历Set转数组(纯ES5兼容)
若不想依赖polyfill,直接手动遍历Set元素并构建数组:
let arr = [1,2,1,1,2,3,4]; let uniqueSet = new Set(arr); let arr2: number[] = []; let arr3: number[] = []; uniqueSet.forEach(function(item) { arr2.push(item); arr3.push(item); });
方法3:完全抛弃Set,用ES5原生去重逻辑
如果环境连Set的polyfill都没有,直接用ES5原生方法实现数组去重:
let arr = [1,2,1,1,2,3,4]; let arr2 = arr.filter(function(item, index, self) { return self.indexOf(item) === index; }); let arr3 = arr2;
内容的提问来源于stack exchange,提问作者user8758206
相关产品推荐
相关产品推荐

