js map

// 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值，不会改变原始数组
// 方法按照原始数组元素顺序依次处理元素，不会对空数组检测，空数组返回[]
// map中保存的是键值对，比较键的时候NaN和NaN是相等的，-0和+0是相等的，其他值遵循===标准
let originArray = [4, 6, 3, 5, 2, 1]
let anotherArray = [5, 23, 23, 54]
let result1 = [...originArray, ...anotherArray]
let result2 = originArray.concat(anotherArray)
console.log('...:' + result1)
console.log('concat:' + result2)
console.log(Array.isArray(result1))
console.log(Array.isArray(result2))
console.log(result1 == result2)
// console.log([...originArray, ...anotherArray] === originArray.concat(anotherArray))
let emptyArray = []
let mapArray = emptyArray.map( x => {
  if(x == 5) {
    return x * x
  } else {
    return x
  }
})
// console.log(mapArray)

// Map和对象不一样的地方：
// 1.Map 在涉及频繁增删键值对的场景下会有些性能优势
// 2.一个Object的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值，包括函数、对象、基本类型
// 3.Map中的键是有序的，遍历时按插入顺序返回结果，对象的键是无序的
// 4.Map的键值对个数可以用size获取，对象只能手动获取
// 5.Map可以直接迭代 通过for of或者forEach
let newMap = new Map()
newMap.set('name', 'test')
newMap.set('gender', 'girl')
newMap.set('age', 24)
newMap.set('hair', 'brown')
// console.log(newMap)
// entries() 方法返回一个数组的迭代对象，该对象包含数组的键值对 (key/value)
// 复制map的时候只是复制了map对象，数据本身并没有被复制
// entries从数组中创建一个可迭代对象，对象包含了数组的键值对
for (let [key,value] of newMap.entries()) {
  console.log(key, '88', value)
  // console.log(value)
}
// console.log(newMap.has('name'))
// console.log(newMap.get('gender'))
// console.log(newMap.size)

// 二维键值对数组转化成map对象
// var myMap = new Map(kvArray)
// 将一个Map对象转换成一个二维键值对数组
// Array.from(myMap)

var first = new Map([
  [1, 'one'],
  [2, 'two'],
  [3, 'three']
])

var second = new Map([
  [1, 'uno'],
  [2, 'dos']
])

var third = [...first, ...second] // concat和...拼接数组的结果是一样的，但是result1 ==(===) result2返回的是false
console.log('合并完了的map')
console.log(third) // 这样键不具备唯一性
var forth = new Map([...first, ...second]) // 这样键具备唯一性，后来的会覆盖之前的
console.log(forth)
// Map对象也可以和数组拼接，后面的键会覆盖前面的