js map函数、Map对象、 Set对象以及{ }的区别

map函数

参考自：OldWang-AI

map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

并举了个例子：

var array1 = [1,4,9,16];
const map1 = array1.map(x => x *2);
console.log(map1);

打印结果为：

Array [2,8,18,32]

而我这样写时：

var array1 = [1, 4, 9, 16];
 
const map1 = array1.map(x => {
    if (x == 4) {
        return x * 2;
    }
});
 
console.log(map1);

打印结果为：

Array [undefined, 8, undefined, undefined]

为什么会出现三个undefined呢？而不是我预期的[1,8,9,16]。

这样写只是增加了一个条件，即x的值为4时才乘以2，之所以会出现undefined，是因为map()方法创建了一个新数组，但新数组并不是在遍历完array1后才被赋值的，而是每遍历一次就得到一个值。所以，下面这样修改后就正确了：

var array1 = [1, 4, 9, 16];
 
const map1 = array1.map(x => {
    if (x == 4) {
        return x * 2;
    }
    return x;
});

这里注意箭头函数有两种格式：
1.只包含一个表达式，这时花括号和return都省略了。
2.包含多条语句，这时花括号和return都不能省略。

大家可以参考：ES6标准新增了一种新的函数
————————————————
版权声明：本文为CSDN博主「OldWang-AI」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/liminwang0311/article/details/86480829

Map 对象

定义

键/值对的集合。

语法

mapObj = new Map()

备注

集合中的键和值可以是任何类型。如果使用现有密钥向集合添加值，则新值会替换旧值。

属性

下表列出了 Map 对象的属性和描述。

构造函数
    指定创建映射的函数。
Prototype — 原型
    为映射返回对原型的引用。
size
    返回映射中的元素数。

方法

下表列出了 Map 对象的方法和描述。

clear
    从映射中移除所有元素。
delete
    从映射中移除指定的元素。
forEach
    对映射中的每个元素执行指定操作。
get
    返回映射中的指定元素。
has
    如果映射包含指定元素，则返回 true。
set
    添加一个新建元素到映射。
toString
    返回映射的字符串表示形式。
valueOf
    返回指定对象的原始值。

下面的示例演示如何将成员添加到 Map，然后检索它们。

var m = new Map();
m.set(1, "black");
m.set(2, "red");
m.set("colors", 2);
m.set({x:1}, 3);

m.forEach(function (item, key, mapObj) {
    document.write(item.toString() + "<br />");
});

document.write("<br />");
document.write(m.get(2));

// Output:
// black
// red
// 2
// 3
//
// red

————————————————
版权声明：本文为CSDN博主「John4July」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/greenlight_74110/article/details/77894997

Set对象

用法

let setor = new Set();

方法

add() //添加元素，会自动去重

{ }

用法

let a = { };
a['ddd'] = 123;   //添加键值对{"ddd":123}