ES6
es6学习分享
小歪 | 前端
这个作者很懒,什么都没留下…
展开
-
JS_Set、Map,Set/Map 转换成 Array,Set实现并集、交集、差集
Set创建类似数组的数据结构,但成员是唯一(无重复)let set = Set() // 创建let set = Set([1,2]) // 创建(通过数组)set.size // 成员数set.has(value) // 是否存在set.add(value) // 添加set.delete(value) // 删除set.clear() // 清除set.keys();原创 2021-01-18 17:27:58 · 619 阅读 · 0 评论 -
ES6_字符串扩展及应用
includes(); //返回布尔值,表示是否找到了参数字符串---可用于模糊匹配var str = "hello world"; if(str.includes('h')) startsWith(); //返回布尔值,表示参数字符串是否在原字符串的头部,区分大小写var str = "hello world"; str.startswith('h')var str = ...原创 2020-04-13 09:22:31 · 92 阅读 · 0 评论 -
ES6_函数参数默认值及应用
function fun({x=0,y=0}={}){ //{x=0,y=0} ? {x:10,y:8} :{} return [x,y];}fun({x:10,y:8}); //[10,8]fun({x:3}); //[3,0]fun({}); //[0,0]fun(); ...原创 2020-04-13 09:19:03 · 105 阅读 · 0 评论 -
ES6_字符串解构
var [a,b,c,d,e] = 'hello'; console.log(a); // a=h原创 2020-04-13 09:13:00 · 250 阅读 · 0 评论 -
ES6_函数的参数解构
es5中fuction fun(x,y){//如果没有传递参数var x = x || 0; //如果传递值等于x,否则等于0var y = y || 0; //如果传递值等于y,否则等于0 return x+y;};fun();es6中fuction fun([x=0,y=0]){ //如果传递值等于x,否则等于0 return x+y;};...原创 2020-04-13 09:17:44 · 724 阅读 · 1 评论 -
ES6_对象结构,对象结构别名,对象结构默认值
只有undefined的时候才能生效var {x=3} = {x:10} //x=10var {x=3} = {}; //x=3var {x,y=5} = {x:1}; //x=1,y=5var {x:a=10,y=20} = {y:10}; //a=10,y=10var {x:a=10}...原创 2020-04-11 11:27:11 · 2495 阅读 · 0 评论 -
ES6_对象结构声明
匹配不是按次序,由变量名来决定let {x,y,z} = {x:1,y:2,z:3};相当于es5中var obj = { x:1, y:2, z:3}x = obj.x;y = obj.y;z = obj.z;后端传值var obj = { name:'abc', id:1}var {name,id} = obj;别名 ...原创 2020-04-11 11:26:18 · 441 阅读 · 0 评论 -
ES6_数组结构默认值
默认值只有undefined的时候才能生效var [x=1,y=2] = [10,20];x = arr3[0] || 1; //判断arr3中第0个是否有值,有则显示值,没有则显示1默认值的作用var [x=1,y=2] = []; //x=1,y=2var [x,y='y'] = ['x',0]; //x=x,y=0var [x=1,...原创 2020-04-11 11:22:26 · 497 阅读 · 0 评论 -
ES6_数组解构声明
从数组和对象中提取值,对变量进行赋值模式匹配,只要两边模式相同,左边的变量,右边对应要赋的值es6let [a,b,c] = [1,2,3];相当于es5中var a=1;var b=2;var c=3;另一种写法var arr2 = ['red',{id:2},123];let [x,y,z] = arr2;...原创 2020-04-11 11:20:00 · 189 阅读 · 0 评论 -
ES6_for in循环
var arr=[1,2,3];for(let v of arr){console.log(v)}可以取键值for(let [k,v] of m){ }原创 2020-04-11 11:16:07 · 1666 阅读 · 0 评论 -
ES6_类型转换
const s = new Set([1,2,3,4,5,6,7,8,9]);类型转换-转换为数组var a = Array.from(s); //方法一var a2 = [...s] //方法二 ...扩展运算符-删除原有类型原创 2020-04-11 11:14:30 · 506 阅读 · 0 评论 -
ES6_数组结构
数据结构 set mapset 类似于数组 成员信息是唯一定义const s = new Set();add() 添加s.add(1);s.add(2).add(3);简写const s = new Set([1,2,3,4,5,6,7,8,9]);map 类似于对象 键值对的方法const m = new Ma...原创 2020-04-11 11:12:47 · 511 阅读 · 0 评论 -
ES6_箭头函数声明
=>let f= v=>{ v //代表返回v}简写let f=v=> v; 等同于let f=v=> { return v};等同于 es5中var f=function(v){return v;}原创 2020-04-11 11:06:26 · 145 阅读 · 0 评论 -
ES6_变量生明
es6中新增了两种变量生明1.let定义变量,不存在变量提升,同一个作用域下不能重复定义同样的名字,块级作用域let num=10;2.const定义一个只读常量,不存在变量提升,同一个作用域下不能重复定义同样的名字,块级作用域,声明后不能改变,一旦声明必须初始化const num=10;...原创 2020-04-11 11:02:28 · 81 阅读 · 0 评论