4.2、数组的常用方法

4.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、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);

3、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]

4、splice(startIndex,0,元素…) 增加 在起点的前面添加

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

4.2.2、删除

1、pop( ) 从尾部删除

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

2、shift( ) 从头部删除

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

3、splice( ) 定点删除

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

4.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]

4.2.4、查询

1、arr[index]

查询对应下标的值

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

2、indexOf(value)

查询对应值的下标，如果没有对应的值,则返回-1

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

3、includes(value)

判断数组是否包含某个值 返回boolean

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

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

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

4.2.6、sort 排序

1.升序算法

var arr = [4,7,1,3,14];
#升序                                  
var res = arr.sort((a,b)=>{
    return a-b;
})
console.log(res)               // [1,3,4,7,14]

2.降序算法

var arr = [4,7,1,3,14];
var res = arr.sort((a,b)=>{
     return b-a;
})
console.log(res)               // [14,7,4,3,1]

4.2.7、求和

1、for

var arr = [1,2,3,4];
var sum = 0;
for(var i=0;i<arr.length;i++){
  sum += arr[i];
}
console.log(sum);               //  10

2.reduce

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

4.2.8、最大值和最小值

1、Math.max(…arr) 对数组取最大值

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

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

var arr = [1,2,3];
console.log(Math.min(12,1,2));      //  1
console.log(Math.min(...arr));      //  1
//算法实现
var arr = [10,12,45,7]
var min = arr[0];
for(var i=1;i<arr.length;i++){
  if(min>arr[i]){
    min=arr[i]
  }
}
console.log(min);     // 7

4.2.9、arr.reverse( ) 反转

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