Map函数、Map对象，Map函数与Map对象的区别，JavaScript。。

Map( ) 函数

map( ) 函数

map()方法定义在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。

注意：

1.map()不会对空数组进行检测

2.map()不会改变原始数组

array.map(function(currentValue, index, arr), thisIndex)

function(currentValue, index, arr)：必须。为一个函数，数组中的每个元素都会执行这个函数。
其中函数参数：
    1.currentValue：必须。当前元素的的值。
    2.index：可选。当前元素的索引。
    3.arr：可选。当前元素属于的数组对象。

thisValue：可选。对象作为该执行回调时使用，传递给函数，用作"this"的值。

案例一：

  
// 合并数组对象
    let array1 = ['周一','周二','周三','周四','周五','周六','周日']
    let array2 = ['上班','上班','出差','出差','团建','休息','约会']
    // 将两个数组合并成一个数组并返回
    let data = array1.map((item,index) => {
      return {
        name:item,
        value:array2[index]
      }
    })
    console.log('这是合并的数组对象data',data)

//-------输出----------
这是合并的数组对象  data (7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}]
0: {name: '周一', value: '上班'}
1: {name: '周二', value: '上班'}
2: {name: '周三', value: '出差'}
3: {name: '周四', value: '出差'}
4: {name: '周五', value: '团建'}
5: {name: '周六', value: '休息'}
6: {name: '周日', value: '约会'}

案例二：

//返回由原数组中每个元素的平方组成的新数组
let array = [1, 2, 3, 4, 5];

let newArray = array.map((item) => {
    return item * item;
})

console.log(newArray)  // [1, 4, 9, 16, 25]

Map对象

Map( ) 对象

Map 对象存有键值对，其中的键可以是任何数据类型。

Map 对象记得键的原始插入顺序。

Map 对象具有表示映射大小的属性。

基本的 Map() 方法

Method	Description
new Map()	创建新的 Map 对象。
set()	为 Map 对象中的键设置值。
get()	获取 Map 对象中键的值。
entries()	返回 Map 对象中键/值对的数组。
keys()	返回 Map 对象中键的数组。
values()	返回 Map 对象中值的数组。

Map() 属性

Property	Description
size	获取 Map 对象中某键的值。

创建 Map 对象

能够使用对象作为键是 Map 的一个重要特性。

方式一

// 创建对象
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
 
// 创建新的 Map
const fruits = new Map();
 
// Add new Elements to the Map
fruits.set(apples, 500);
fruits.set(bananas, 300);
fruits.set(oranges, 200);

//输出
Map(3) {{…} => 500, {…} => 300, {…} => 200}
[[Entries]]
0: {Object => 500}
key: {name: 'Apples'}
value: 500
1: {Object => 300}
key:{name: 'Bananas'}
value: 300
2: {Object => 200}
key: {name: 'Oranges'}
value: 200

方式二

//可以将 Array 传递给 new Map() 构造函数：
// 返回
const apples = {name: 'Apples'};
const bananas = {name: 'Bananas'};
const oranges = {name: 'Oranges'};
 
// 创建新的 Map
const fruits = new Map([;
  [apples, 500],
  [bananas, 300],
  [oranges, 200]
]);

获取键的值

get() 方法获取 Map 中键的值：

fruits.get(apples);    // 返回 500
//Remember: The key is an object (apples), not a string ("apples"):

fruits.get("apples");  // 返回 undefined

其他 Map 方法

方法	描述
clear()	删除 Map 中的所有元素。
delete()	删除由键指定的元素。
has()	如果键存在，则返回 true。
forEach()	为每个键/值对调用回调。

Map.delete()

Map.delete() 删除 Map 元素：

实例

fruits.delete(apples);

Map.clear()

Map.clear() 从 Map 中移除所有元素：

实例

fruits.clear();

Map.has()

如果 Map 中存在键，则 Map.has() 返回 true：

实例

fruits.has(apples);

Map() 属性

属性	描述
size	获取 Map 中键的值。

Map.size

Map.size 返回 Map 中元素的数量：

实例

fruits.size;

Map 对象 与 Map 的区别

JavaScript 对象和 Map 之间的差异：

	对象	Map
Size	对象没有 size 属性	Maps 有 size 属性
键类型	对象键必须是字符串（或符号）	Map 键可以是任何数据类型
键顺序	对象键没有很好地排序	Map 键按插入排序
默认	对象有默认键	Map 没有默认键