排序

数组排序

Map排序

var map=new Map();
map.set('b','4');
map.set('a','3');
map.set('e','9');
map.set('k','2');
//转为数组
var arrObject=Array.from(map);
arrObject.sort((a,b)=>{return b[1]-a[1]});
//转回Map
var res=new Map(arrObject.map(i=>[i[0],i[1]]));
//
["e", "9"]
["b", "4"]
["a", "3"]
["k", "2"]

对象排序

短路或、短路与

短路或 || ：左边false，直接返回右边，左边true，返回true。
短路与 && ：左边true，直接返回右边，左边false，返回false。

var a = 4>0 || typeof(4+' '); //4>0为true，返回true
var b = 4<0 || typeof(4+' '); //4<0为false，直接返回右边,返回string
var c = 4<0 && typeof(4+' '); //4<0为false，返回false
var d = 4>0 && typeof(4+' '); //4>0为true，直接返回右边，返回string

剩余参数

剩余参数语法允许我们将一个不定数量的参数表示为一个数组，还有些没看完的使用。
这还涉及一些解构赋值的点.
用于函数参数时， fun(a,...b),b后面不能还有参数，否则报错，如fun(a,...b,c)。

function fun(first,...rest){
console.log(first);
console.log(rest);
}
fun(1);
//1
//[]
fun(1,2,3,4);
//1
//[2,3,4]

例子

function sum(...nums){
let total=0;
for(const num of nums){
total+=num;
}
return total
}

还能用于简化数组操作

var arr=[1,2,3,4,5]
var arr1=[-1,0,...arr,6,7,8]
console.log(arr1) //[-1, 0, 1, 2, 3, 4, 5, 6, 7, 8]

var [arr2,...arr3]=arr1
console.log(arr2) //-1
console.log(arr3) //[0, 1, 2, 3, 4, 5, 6, 7, 8]

var arr4=[1,2,3]
var arr5=[4,5,6]
var arr6=[...arr4,..arr5]
arr4.push(...arr5)
console.log(arr6) //[1, 2, 3, 4, 5, 6]
console.log(arr4) //[1, 2, 3, 4, 5, 6]

var arr7=['张三','李四','王五','Bobsix']
console.log(...arr7) //张三 李四 王五 Bobsix

一些函数

Math.round(x)
如果参数的小数部分大于 0.5，则舍入到下一个绝对值更大的整数;
如果参数的小数部分小于 0.5，则舍入到下一个绝对值更小的整数;
如果参数的小数部分恰好等于0.5，则舍入到下一个在正无穷（+∞）方向上的整数
Math.floor(x)
向下取整计算
Math.ceil(x)
向上取整计算
Math.random();
返回[0,1)的随机数
hasOwnPropery方法可以判断某属性是否是该对象的实例属性，该方法会忽略掉那些从原型链上继承到的属性
obj.hasOwnProperty(prop)，prop为字符串或symbol

伪类伪元素

CSS 伪类用于向某些选择器添加特殊的效果。
CSS 伪元素用于将特殊的效果添加到某些选择器
伪类是类似于添加类所以可以是多个
伪元素在一个选择器中只能出现两次，并且只能出现在开头和末尾

length

(()=>{}).length //0,函数的参数个数0
([]+{}).length //15
[]转为字符串‘’，{}转为字符串’[object Object]’

for … in和for …of

for in获取键值对的名，不仅可以遍历数字键名,还会遍历原型上的值和手动添加的其他键。遍历顺序有可能不是按照实际数组的内部顺序，所以for in适合遍历对象
for of获取键值对的值，与 forEach 不同, 它可以与 break、continue 和 return 配合使用,也就是说 for of 循环可以随时退出循环，适用遍历数/数组对象/字符串/map/set等拥有迭代器对象的集合。但是不能遍历对象,因为没有迭代器对象

一个数据结构只要部署了 Symbol.iterator 属性, 就被视为具有 iterator接口, 就可以使用 for of循环
数组 Array
Map
Set
String
arguments对象
Nodelist对象, 就是获取的dom列表集合

    const obj = {
        a: 1,
        b: 2,
        c: 3
    }
    for (let i in obj) {
        console.log(i)
        // a
        // b
        // c
    }
    for (let i of obj) {
        console.log(i)
        // Uncaught TypeError: obj is not iterable 报错了
    }

    const arr = ['a', 'b', 'c']
    // for in 循环
    for (let i in arr) {
        console.log(i)
        // 0
        // 1
        // 2
    }
    
    // for of
    for (let i of arr) {
        console.log(i)
        // a
        // b
        // c
    }

    const arr = ['a', 'b']
    // 手动给 arr数组添加一个属性
    arr.name = 'qiqingfu'
    
    // for in 循环可以遍历出 name 这个键名
    for (let i in arr) {
        console.log(i)
        // a
        // b
        // name
    }