Vue 进阶（幺叁贰）：ES 数组操作：数组合并

关注

发布于: 32 分钟前

1. `ES5`中`concat`合并数组

var array_1 = ['reese','root','fusco'];//["finch", "shaw", "bear", "reese", "root", "fusco"]var array_2 = ['finch','shaw','bear'].concat(array_1);

复制代码

这样就实现了 2 个数组的合并。

2. `ES6`中拓展符`...`合并数组

var array_1 = ['reese','root','fusco'];//["finch", "shaw", "bear", "reese", "root", "fusco"]var array_2 =['finch','shaw','bear',...array_1];

复制代码

ps: ...运算符在ES6默认参数中也有用到。

注：`Vue`中`es5`和`es6`语法区别

对象写法 es5 中对象： {add:add,substrict:substrict}es6 中对象： {add,substrict}
在对象中方法写法 es5 中对象： {add:function(){},substrict:function(){}}es6 中对象： {add(){},substrict(){}}
对象导出写法 es5 两种形式：

module.exports = fucntion (){};
exprots.add = fucntion (){};
es6中写法：写法 1：

  export default{      add(){}  }

复制代码

2、`export fucntion add(){}` 相当于将add方法当做一个属性挂载到exports对象上。

复制代码

对象的导入 es5: var add = require('./calc.js');es6:如果导出的是：export default{ add(){}}那么可以通过 import obj from './calc.js'

如果导出的是：

  // 写法一  export fucntion add(){}   export fucntion substrict(){}   export const PI=3.14     // 写法二  var m = 1;  export {m};  // 写法三  var firstName = 'Michael';  var lastName = 'Jackson';  var year = 1958;  export {firstName, lastName, year};

复制代码

那么可以通过按需加载 import {add,substrict,PI} from './calc.js'

es6中箭头函数写法

  //需求：利用函数实现倒序排列  [2,1,3].sort(function(x,y){return y - x;});    //用箭头函数实现 =>读 goes to  [2,1,3].sort((x,y)=>{return y - x;});  [2,1,3].sort((x,y)=> {x++;y++; y - x;});  [2,1,3].forEach(x=> {console.log(x)});

复制代码

附更多数组操作方法

发布于: 32 分钟前阅读数: 2

原文链接:【http://xie.infoq.cn/article/fb73434c6642a2bbedbfaf747】。文章转载请联系作者。

华强

关注

No Silver Bullet 2021.07.09 加入

岂曰无衣与子同袍

发布

暂无评论

创作场景

Vue 进阶（幺叁贰）：ES 数组操作：数组合并

1. ES5中concat合并数组

2. ES6中拓展符...合并数组

注：Vue中es5和es6语法区别

附 更多数组操作方法

华强

评论

1. `ES5`中`concat`合并数组

2. `ES6`中拓展符`...`合并数组

注：`Vue`中`es5`和`es6`语法区别

附更多数组操作方法