**reverse()? /[原数组发生改变/]**

将数组中元素的位置颠倒,并返回该数组。

var a = [‘a’,’b’,’c’];

yar b = a.reverse();

console.log(b);//[‘c’,’b’,’a’]

console.log(a); //[‘c’,’b’,’a’]


**concat()? /[原数組不改变/]**

连接两个或多个数组,会先创建当前数组的一个副本,然后将参数加到副本的末尾,返回这个新构建的数组。无参数时只是复制当的数组并返回副本。

var a = [‘a’,’b’,’c’];

var b = [‘d’,’e’,’f’];

var c = a.concat(b);

console.log(c);//[‘a’,’b’,’c’,’d’,’e’]

console.log(a);//[‘a’,’b’,’c’]


**slice() /[原数组不改变/]**

返回从原数组中指定开始下标到结束下标之间的项(不包括结束位置的项)细成的新数组。在只有一个参数的情况下,返四从该参数指定位置开始到当前数组末尾的所有项。

var a = [‘a’,’b’,’c’,’d’];

var b = a.slice(1,2);

console.log(b);//[‘b’]

console.log(a); //[‘a’,’b’,’c’]


**splice()? /[原数组发生改变/]**

删除、插入数组。

参数1:删除项目的位置(正数从0开始,负数从-1开始。

参数2:要删除的项目数量。

参数3-n;向数组添加的新项。

返回被删除的元素组成的数组,如果没有删除项,则返回空数组/[/]。

var a = [‘a’,’b’,’c’,’d’];

var b = a.splice(0,2,’e’);

console.log(b)//[‘a’,’b’]

console.log(a)//[‘e’,’c’,’d’]


**indexOf()/lastIndexOf()? /[原数组不改变/]**

从数组的开头/末尾开始查找。返国第一个匹配到的元索的位置索引,找不到就返回-1。

var a = [‘a’,’b’,’c’,’d’];

var b = a.indexOf(‘c’);

console.log(b)//2

consolelog(a) //[‘a’,’b’,’c’,’d’]


**forEach()? /[原数场是否改变依具体情况/]**

对数组进行遍历,对数组中的每一项运行给定函数。函数有三个参数:数组元素,元素索引,数组本身。

var a = [1,2,3,4,5];

var sum = 0;

a.forEach((value,index,arr)=> {

sum += value;

})

console.log(sum); //15

console.log(a); //[1,2,3,4,5]

//—————————–

var k = [1,2,3,4,5]

k.forEach((value, index, arr)=> {

arr[index] = value + 2;

})

console.log(k); //[3,4,5,6,7]

//—————————–

var m = [

{a:1,b:2},

{a:3,b:4}

]

m.forEach(value => {value.a = 6});

console.log(m);//[{a:6,b:2},{a:6,b:4}]

//—————————–

var p = [

{a:1,b:2},

{a:3,b:4}

]

p.forEach(value => {value = 6});//形参被重新赋值

console.log(p);//[{a:1,b:2},{a:3,b:4}]


**map()? ?/[原数值不改变/]**

对数组中的每一项运行给定函数,返回每次函数调用的结果组成的新数组。

var arr = [1,2,3,4,5];

var new_arr = arr.map((value) => {return value * value});

console.log(new_arr);//[1,4,9,16,25]

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Array类型,面试必备