2、数组的方法

2-1 增加

2-1-1 push( ) 从尾部添加

特点：1.可以添加一个值，也可以添加多个
2.不能去拼接数组

var arr = [1,2,3,4]  
var b = [5,6,7,8]
arr.push(5,6,7,8)
console.log(arr);  // [1,2,3,4,5,6,7,8]
arr.push(b)  // 不能实现 
console.log(arr);

2-1-2 扩展运算符

...arr 可以将一个数组展开

var arr = [1,2,3]
console.log(arr);
console.log(...arr); // 1 2 3
var a=[4,5,6]
var b = [7,8,9]
a.push(...b)  // 拼接数组
console.log(a);

2-1-3 unshift( ) 从头部添加

var arr=[1,2,3,4]
arr.unshift(0)
console.log(arr);
var b=[1,2,3,4]
var a = [5,6,7,8,9]
a.unshift(...b)
console.log(a);

2-1-4 concat( ) 连接两个数组 (不改变原数组的内容)

var arr = [1,2,3];
var c = [4,5,6];
var b = arr.concat(c);
console.log(arr);  // [1,2,3]
console.log(b);    // [1,2,3,4,5,6]

2-1-5 splice(startIndex,0,元素…) 增加 在起点的前面添加

var a =[1,2,3,4]
a.splice(1,0,8,9)  // [1,8,9,2,3,4]
console.log(a);

2-2 删除

2-2-1 pop( ) 从尾部删除

var arr = [1,2,3,4]
arr.pop()
console.log(arr) // [1,2,3]

2-2-2 shift( ) 从头部删除

var arr = [1,2,3,4]
arr.shift()
console.log(arr); // [2,3,4]

2-2-3 splice(startIndex，长度） 定点删除

var arr = [1,2,3,4,5]
arr.splice(3,1)
console.log(arr);  // [1,2,3,5]

2-3 修改

2-3-1 splice(startIndex，长度，元素…) 修改 先删除后插入

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

2-4 查询

2-4-1 arr[index] 查询对应下标的值

//arr[index] 查询对应下标的值
var arr=[1,2,3];
console.log(arr[0]);  //1;

2-4-2 indexOf(value) 查询对应值的下标

var arr=[1,2,3,4];
console.log(arr.indexOf(1)); // 0
//如果没有对应的值,则返回-1

2-4-3 includes(value) 判断数组是否包含某个值

// 返回boolean
var arr = [1,2,3,4]
console.log(arr.includes(5)); // false

2-4-4 slice(start,end) 截取 (包含开始，不含结束)

// slice(startIndex,endIndex) 截取 包含开始不含结束
// slice(startIndex) 截取从startIndex开始到后面的所有值
var arr = [1,2,3,4]
console.log(arr.slice(1,3));  // [2,3]
console.log(arr.slice(1)); // [2,3,4]

2-5 join 将数组拼接为字符串

var arr = ["html","css","javascript"]
console.log(arr.join()); // html,css,javascript
console.log(arr.join("|")); // html|css|javascript
console.log(arr.join(""));  // htmlcssjavascript

2-5-1 实例

<p id="p"></p>
var p = document.getElementById("p")
var arr = ["1994","犯罪","剧情"]
var str = arr.join("/")
p.innerHTML = str
console.log(p);

2-6 sort 排序

2-6-1 升序算法

var arr = [4,7,18,20,3]  // [3,4,7,18,20]
/* 升序算法 */
arr.sort((a,b)=>{
  return a-b;
})
console.log(arr);

2-6-2 降序算法

arr.sort((a,b)=>{
  return b-a;
})
console.log(arr);

2-6-3 localeCompare() 方法实现中文排序、sort方法实现数字英文混合排序

res=[{nodeCode:'E0100101'},{nodeCode:'E02002'},{nodeCode:'E02001'}]
res.sort(function (a: string, b: string) {
  return a['nodeCode'].localeCompare(b['nodeCode']);
});

2-7 求和

2-7-1 arr.reduce( ) 求和

当数组中是复杂数据类型时,失效

 var arr = [1,2,3,4]
 var sum = arr.reduce((a,b)=>{
   return a+b;
 })
 console.log(sum);

2-8 最大值 && 最小值

2-8-1 Math.max(…arr) 对数组取最大值

var arr = [1,2,3]
console.log(Math.max(...arr));

2-8-2 Math.min(…arr) 取最小值

// 简单的算法实现
var arr = [4,3,2,1]
var minNum = arr[0]
for(var i=1;i<arr.length;i++){
  if(minNum>arr[i]){
    minNum=arr[i]
  }
}
console.log(minNum);
// Math.min(...arr) 取最小值
var arr = [4,3,1]
console.log(Math.min(...arr));

2-9 arr.reverse( ) 反转

 var arr = ["html","css","javascript"]
console.log(arr.reverse());  // ["javascript","css","html"]