ES6整理笔记

数组的扩展

1.Map 和Generator 函数

//Map结构  使用扩展运算符 rest
let mymap = new Map([
	[1,'one'],
	['two','小明'],
	[3,'three'],
]);
var arr=[...mymap.keys()];//[1,two,3]
var arr=[...mymap.values()];//[one,小明,three]
console.log(arr);

//map 需要有返回值 返回一个新的数组，映射  重新整理数据结果    键值vaule，键名索引 index 每条json对象arr
let arrmap = [
    {title:"标题",id:"小明",total:122,result:true},
	{title:"标题",id:"小刚",total:122,result:false},
	{title:"标题",id:"小红",total:122,result:true}
];
let new_arrmap = arrmap.map((vaule,index,arr)=>{ //重新整理数据
	let json={};
	json.t=`${vaule.title}`;
	json.i=vaule.total+200;
	json.r=vaule.result == true && '返回的是真值';
	return json;
});
console.log(new_arrmap);

//Generator 函数运行后，返回一个遍历器对象，使用扩展运算符。
const generator = function*(){
	yield "小明";
	yield 2;
	yield 3;
};
console.log([...generator()]);//变量generator是一个 Generator 函数，执行后返回的是一个遍历器对象，对这个遍历器对象执行扩展运算符，就会将内部遍历得到的值，转为一个数组。

2.Array.from()

Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。

//arrayLike变量是一个类似数组的对象，Array.from将它转为真正的数组
let arrayLike = {
   0:'a',
   1:'b',
   2:'c',
   length:3
};
let arr1 =  [].slice.call(arrayLike);//ES5的写法
console.log(arr1);// [a, b, c]
let arr2 = Array.from(arrayLike);//ES6的写法
console.log(arr2);//[a, b, c]

3.Array.of()

Array.of方法用于将一组值，转换为数组。
Array.of基本上可以用来替代Array()或new Array()。

var arrOf=Array.of(11, 8,6,7,8); //[11, 8, 6, 7, 8]
var arrOf=Array.of(3); // [3]
var arrOf=Array.of(3,2).length;// 1
console.log(arrOf);
//这个方法的主要目的，是弥补数组构造函数Array()的不足。参数个数的不同，会导致Array()的行为有差异。
var array=Array(); // []
var array=Array(3, 11, 8); // [3, 11, 8]
var array=Array(3); // [, , ,]
console.log(array);

4.数组实例的 fill()

fill方法使用给定值，填充一个数组。fill方法还可以接受第二个和第三个参数，用于指定填充的起始位置和结束位置。

var fill = ['a', 'b', 'c'].fill(6)// [6, 6, 6]
var fill = new Array(3).fill(6);// [6, 6, 6]
var fill = ['a', 'b', 'c'].fill(8, 1, 2);//[a, 8, c]
var fill = ['a', 'b', 'c','d','e','f'].fill(8, 1, 5);//[a, 8, 8, 8, 8, f]
console.log(fill);

5.数组实例的keys(),values()和 entries()

keys(),values()和 entries()用于遍历数组。它们都返回一个遍历器对象,可以用for…of循环进行遍历。
唯一的区别是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历。

//for循环三种写法
for (let index in ['a', 'b']) { //in  和普通直接遍历数组对象方式  一样（这里就没写了）    index只是索引值
    console.log(index);//0 1
};
//对键名遍历
for (let index of ['a', 'b'].keys()) {  //of  index是['a', 'b']里面的对象
    console.log(index); //0 1
};
//对键值的遍历
for (let index of ['a', 'b'].values()) {  //of  index是['a', 'b']里面的对象
    console.log(index); //a b
};
//对键值对的遍历
for (let index of ['a', 'b'].entries()) {  //of  index是['a', 'b']里面的对象
    console.log(index);//[0, a]  [1, b]
};

6.数组实例的 includes()

Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。

console.log([1, 2, 3].includes(2) )    // true
console.log([1, 2, 3].includes(4))// false
console.log([1, 2, 'NaN'].includes('NaN') ) // true   

7.Array.prototype.sort() 的排序稳定性

排序稳定性（stable sorting）是排序算法的重要属性
指的是排序关键字相同的项目，排序前后的顺序不变。

const sort_arr = [
  'ZZT',
  'ZAZ',
  'AAB',
  'CCG'
];
console.log(sort_arr.sort())  //按照首字母进行排序