js数组常用方法

定义：      var arr = [1, 2, 43, 456, 6786, 867, 8768, 7656467, 54, 345, 54, 789, 6, 32, 15]

数组末尾增加删除：

push():  把里面的内容添加到数组末尾，并返回修改后的长度。

unshift:将参数添加到原数组开头，并返回数组的长度 。

// push()
   var ppp = arr.push("50")
   console.log(ppp) //长度
   console.log(arr); //数组


// unshift()
   var uuu = arr.unshift("10")
   console.log(uuu) //长度
   console.log(arr); //数组

数组开头添加删除：

pop()：移除数组最后一项，返回移除的那个值，减少数组的length。

shift()：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 。 

// pop()
   var ooo = arr.pop()
   console.log(arr); //删除完成的数组
   console.log(ooo); //原数组长度

// shift()
   var hhh = arr.shift()
   console.log(arr); //删除完成的数组
   console.log(hhh); //删除个数

splice() 删除、插入和替换

删除：有2 个参数：第一个要删除的位置，第二个要删除的数量

格式：arr.splice( 1 , 3  )

插入：向指定位置插入任意数量的项，有 3 个参数：起始位置、 0（要删除的项数）和要插入的项。

格式：arr.splice(  1,0,5,7  )
替换：向指定位置插入任意数量，并且同时删除任意数量，有 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。

// splice()

   var sss = arr.splice(2, 5)
   console.log(sss); //返回截取数组
   console.log(arr); //返回剩余数组

   var sss = arr.splice(2, 5, 34, 45)
   console.log(sss); //返回截取数组
   console.log(arr); //返回剩余及添加数组


  // splice()
   var sss = arr.splice(2, 5)
   console.log(sss); //返回截取数组
   console.log(arr); //返回剩余数组

   slice()
   var sss = arr.slice(2)
   console.log(sss); //返回删除前两个剩下的数组


// 修改
  // splice(开始位置，删除数量，添加的)
   var sss = arr.splice(2, 5, 34, 45)
   console.log(sss); //返回截取数组
   console.log(arr); //返回剩余及添加数组

查询：indexOf（）     lastIndexOf（）

indexOf()：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中， 从数组的开头（位置 0）开始向后查找。

lastIndexOf：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中， 从数组的末尾开始向前查找。 

// 查询
  // indexOf()
   var iii = arr.indexOf(3)
   console.log(iii); //返回位置,没有返回-1
   console.log(arr.lastIndexOf(5,4)); 

includes()：

includes() 方法用于判断字符串是否包含指定的子字符串。

如果找到匹配的字符串则返回 true，否则返回 false。

 // includes()
   var ddd = arr.includes(15)
   console.log(ddd); //存在返回true，没有false

reverse()：反转数组项的顺序。

// reverse()
   var fff = arr.reverse()
   console.log(arr);
   console.log(fff);

sort()：将数组里的项从小到大排序

使用一个排序函数（a-b）(b-a)

// sort()
   function num(a, b) {
     return a - b
   }

   function nums(a, b) {
     return b - a
   }
   console.log(arr.sort(num));
   console.log(arr.sort(nums));

join，就是把数组转换成字符串

然后给他规定个连接字符，默认的是逗号(  ，)

格式：join(", ")，括号里面写字符串  ("加引号")

// join()
   var nnn = arr.join(",")
   console.log(nnn);
   console.log(arr.join("-")); 　　// 1-2-3-4-5-6-7-8

concat() ：数组拼接，将参数添加到原数组中

先创建当前数组一个副本，然后将接收到的参数添加到这个副本的末尾，最后返回新构建的数组。在没有给 concat()方法传递参数的情况下，它只是复制当前数组并返回副本。

//concat()
var arr = [1,3,5,7]
var arrCopy = arr.concat(8,[10,112]);//1,3,5,7,8,10,112
console.log(arrCopy); 　//原数组

slice()：返回从原数组中指定开始下标到结束下标之间的项组成的新数组

slice()只有一个参数的情况下， slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项（但不包括结束位置的项）

var arr = [34，55，46，65，76，876，554，21];
var arrCopy = arr.slice(1);
var arrCopy2 = arr.slice(1,4);
var arrCopy3 = arr.slice(1,-2);
var arrCopy4 = arr.slice(-4,-1);

console.log(arr); 　　　　//[34, 55, 46, 65, 76, 876, 554, 21]　　　　　　　　　　
console.log(arrCopy); 　　　　//[55, 46, 65, 76, 876, 554, 21]　　　　　　　 
console.log(arrCopy2); 　　　　　　　　　　//　[55, 46, 65]
console.log(arrCopy3); 　　　　　　　　//[55, 46, 65, 76, 876]
console.log(arrCopy4);    //[76, 876, 554]

forEach()：对数组进行遍历循环

对数组中的每一项遍历。没有返回值。使用函数，默认传参

数组元素，元素索引，数组本身

//html
arr.forEach(function(a,b,c){
//分别对应：数组元素，元素的索引，数组本身
 c[b]=a+1;
})

arr.forEach(function(value, index, array){
//分别对应：数组元素，元素的索引，数组本身
        arr[index]=value*5;
      });


//vue：

this.arr.forEach(function(value, index, array){
        this.arr[index]=value*5;
      },this);

map()：数组“映射”

返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 不会对空数组进行检测。

map() 不会改变原始数组。

//分别对应：数组元素，元素的索引，数组本身
arr.map(function(item,index,arr){})

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(res){
return res*res;
});
console.log(arr2); 　　　　　　　　//[1, 4, 9, 16, 25]



//箭头函数
let newarr2 = arr.map(src=> src*src);
console.log(newarr2);

filter()：数组过滤

数组中的每一项运行给定函数，返回满足过滤条件组成的数组。

//利用 filter 遍历出所有偶数:
let arr = [56, 15, 48, 3, 7];
let newArr = arr.filter(function (value, index, array) {
    return value % 2 === 0;
});
console.log(newArr)
// [56, 48]

every()

判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.every(function(x) {
return x < 10;
}); 
console.log(arr2); 　　　　　　　　//true
var arr3 = arr.every(function(x) {
return x < 3;
}); 
console.log(arr3); 　　　　　　　　// false

some()

判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(function(x) {
return x < 3;
}); 
console.log(arr2); 　　　　　　　　//true
var arr3 = arr.some(function(x) {
return x < 1;
}); 
console.log(arr3); 　　　　　　　　// false