为什么我不能用 Set 对象调用 Array.prototype.map [重复]

Question

我想使用 ES6 的 Set 从某个字符串中获取唯一字符。 所以让我们假设我们有字符串var str = 'abcdeaabc'; 并从这个字符串创建一组字符：

var str = 'abcdeaadbc';
var chars = new Set(str);

现在我们有了一组独特的字符：abcd。 我很惊讶char set 有forEach 方法而没有map 方法。

Set 是可迭代的对象，那为什么我们不能使用map 函数来迭代set呢？

我尝试通过这种方式将chars set 和chars.values() SetIterator 传递给Array.prototype.map：

Array.prototype.map.call(chars, function(element) {...});
Array.prototype.map.call(chars.values(), function(element) {...});

但每次尝试都失败了。

例如，假设我们想从字符串中获取唯一的符号并返回一个带有前下划线的数组。例如：['_a', '_b', '_c', '_d']

这是我的两个解决方案：

// First:
var result = Array.from(chars).map(function(c) {
    return '_' + c;
});

// Second:
var result = [];
chars.forEach(function(c) {
    this.push('_' + c);
}, result);

但是有没有办法使用 Set 上下文调用 Array.prototype 的 map 函数？如果没有 - 为什么？

Answer 1

Array.prototype.map 适用于具有整数索引和length 属性的类数组类型。 Set 和 Map 是通用的可迭代类型，但它们不是类似数组的，所以 Array.prototype 方法对它们不起作用。例如

var s = new Set([1, 2, 3]);
s.length === undefined;
s[0] === undefined

主要方法是Array.from 有点像您的解决方案，但需要注意的是Array.from 将mapFn 作为第二个参数，因此您可以这样做

let results = Array.from(chars, c => `_${c}`);

用于将可迭代对象转换为数组的漂亮而简短的映射。

Answer 2

如果你绝望了，你可以这样做

var str = 'abcdeaadbc';
var chars = new Set(str);
document.write("<pre>" + JSON.stringify([...chars].map(c => c+"up")) + "</pre>")

Answer 3

因为即使map 足够通用以适用于任意类数组对象，并非所有可迭代对象都是类数组。

map 只是获取length 属性，然后将属性从0 迭代到length-1。这不适用于集合，因为它们有 size 而不是 length，而且它们不提供对其元素的随机访问。

如果你真的想使用map，你需要将集合转换为数组，然后将结果转换回集合。

var newSet = new Set(Array.from(set).map(myFunc));

但是这样做没有意义，最好只使用集合操作：

var newSet = new Set();
for(let val of set) newSet.add(myFunc(val));

或者可能是一个自调用的生成器函数：

var newSet = new Set(function*() {
  for(let val of set) yield myFunc(val);
}());