es6 的一点小补充

1,...用法

传统的用法

var arr=[1,2];
function hello(name,age){
console.log(name+age)
}
hello.apply(null,arr)

es6的用法

var arr=[1,2];
function hello(name,age){
console.log(name+age)
}
hello(...arr)

...  扩展用运算符直接把 数组 入参;分别对应。


2, 对象的 keys ,values, entries 的用法
    

var obj={name:"xiaoming",age:"20"}
console.log(Object.keys(obj));
console.log(Object.values(obj));
console.log(Object.entries(obj));

keys 输出的是所有的键名组成的数组  [name,age];

values 输出的是所有的值组成的数组["xiaoming","20"];

entries 输出的是 所有的 键值对的组成的二维数组; [[name,"xiaoming"],[age,"20"]];


以及 对象的 计算属性  :就是对象的key可以是变量来命名

const name:"xiaoming";
const obj={
  [name]:"who"
}

3,利用解构复制来拿到数组的首尾;

var arr=[1,2,3,4];
const [head,...others]=arr;
const [last,...others2]=arr.reverse;
console.log(head,last) 








猜你喜欢

转载自blog.csdn.net/wangrong111222/article/details/80664477