本文介绍一些ES6的新语法可将代码化繁为简-CSDN博客

废话不多说，直接上代码，看注释即可

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
/*
* ES6的一些好玩的东西
*/
//1、ES6提供了新的数据结构Set
let arr = [1,2,3];
let set = new Set(arr);
let newArr = Array.from(set);
console.log(newArr);
//2、Object.assign()是ES6提供的对象的拓展方法，用于对象的合并拷贝
let obj1 = {"name":"lbp"};
let obj2 = {"age":"22"};
let obj3 = Object.assign({},obj1,obj2);
console.log(obj3);
//3、map()。方法用于遍历数组，有返回值，可以对数组的每一项进行操作并生成一个新的数组。有时候可以代替for和forEach循环，简写代码
let arr3 = [1,2,3,4,5];
let newArr3 = arr3.map((k,v)=>k*10);
console.log(newArr3);
//4、filter()方法同样用于遍历数组，过滤数组，在每一项元素后面触发一个回调函数。通过判断，保留或者移除当前项，最后返回一个新的数组
let arr4 = [1,2,3,4,5,6];
let newArr4 = arr4.filter((k,v)=>k%2==0);
console.log(newArr4);
//5、some方法用于遍历数组，在每一项元素后面触发一个回调函数，只要一个满足条件就返回true，否则返回false，类似于 || .
let arr5 = [{result:true},{result:false}];
let newArr5 = arr5.some((k,v)=>k.result);
console.log(newArr5);
//6、every()。every方法用于遍历数组。在每一项元素后面触发一个回调函数，只要一个不满足条件就返回false，否则返回true。类似于 &&
let arr6 = [{result:true},{result:false}];
let newArr6 = arr6.every((k,v)=>k.result);
console.log(newArr6);
//7、~~运算符.~符号用在Javascript中有按位取反的作用，~~是取反二次，而位运算符的操作值要求是证书，其结果也是整数，所以经过位运算符的都会自动变成整数，可以巧妙的去掉小数部分，类似于ParseInt()
let a = 1.23;
let b = -1.23;
console.log(~~a);
console.log(~~b);
//8、||运算符。巧妙滴使用||运算符可以给变量设置默认值
let c = 1;
let d = c||2;
console.log(d);
//9、...运算符。...运算符是ES6中用于解析数组的方法，可以用于快速获取数组的参数
let [num1,...nums] = [1,2,3];
console.log(num1);
console.log(nums);
//10、三元运算符。可以简化if else的写法
let e = true,
f = '';
if (e) {
f = "man";
}else{
f = "woman";
}
//等同于
f = e?"man":"womn";
console.log(f);
</script>
</head>
<body>
</body>
</html>

转载于:https://www.cnblogs.com/hcxl/p/8321529.html