js array数组常用方法

js array数组常用方法

1栈方法 先进后出

push() 在数组后面最后一项增加值

参数 ：可以为多个值或者数组

返回：数组的长度，改变原数组

var a = [1,2,3]
a.push(4) //返回长度 4，改变原数组
console.log(a) // [1,2,3,4]

pop() :删除数组最后一项，没有参数

返回：被删除的值，改变愿数组

var b = [2,3,4]
console.log(b.pop()) //返回被删除的值 4
console.log(b) //改变原数组 [2,3]

2队列方法 先进先出

unshift() :在数组最前面一项插入值

参数：可以为多个值或者数组

返回：数组长度，插入值为数组变为子数组，改变原数组

var c = [2,3,4]
console.log(c.unshift(5)) //返回长度4，改变原数组
console.log(c)  //[2,3,4,5]

shift():删除数组最前一项，无参数

返回：删除的值，改变原数组

var d = [2,3,4]
d.shift() //返回2，改变原数组
consolo.log(d) // [3,4]

3.操作方法

slice(start,end) 返回从原数组中start下标到end下标的项组成新数组（参数：start必须，end可选），只有一个参数时候默认下标end为最后一项

返回：包含下标start（包括该元素）到下标end（不包括该元素）的一个新数组，原数组不变（类似复制】

var s = [1,2,3,4,5]
s.slice(1,3) // [2,3]
s.slice(0) //[1,2,3,4,5]
s.slice(3) //[4,5]
console.log(s) // [1,2,3,4,5]

splice(start,num,ele1,ele2...) start 指从下标start删除（包括Starr图对应元素），必选；num指删除个数，必选项；ele1,ele2...代表插入的值，可选

返回：删除的值，改变原数组类似剪切

var sp = [1,2,3,4,5]
sp.splice(1,2,'qwe','er') // 返回删除的值 [2,3] 改变原数组
console.log(sp) //[1,'qwe','er',4,5]

concat 数组和数组合并成新的数组（参数：可以是多个数组或值）

返回：新的数组，原数组不变

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

4排序方法

reverse() :将数组反序

返回：新的反序数组，也改变了原数组

var a = [1,2,3,4]
var b = a.reverse() //[4,3,2,1]
console.log(a) [4,3,2,1] //改变原数组

sort() :按照指定的参数对数组进行排序（参数：可选，函数）默认按照ASCLL表排序，如果想按照其他标准进行排序，就需要提供比较函数，该函数要两个比较值，然后返回一个用于说明这两个值相对顺序的数字。比较函数应该具有两个参数a和b,其返回值如下：

• 若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。

• 若 a 等于 b，则返回 0。

• 若 a 大于 b，则返回一个大于 0 的值。

返回：排序后的数组，改变了原数组

var a=[1,2,3,12,13];
a.sort()  //返回 [1,12,13,2,3]
//如果按照正常逻辑排序 ：
a.sort(function(a,b){
   return a-b;
})    //[1,2,3,12,13]

5拼接方法

join() :改变数组中拼接的符号并转化为字符串（参数：‘拼接符号’）

返回：拼接而成的字符串，原数组不改变

var a=[1,2,"字符串",false,undefined,null];
b=a.join("++");  // 返回 1++2++字符串++false++++ ;原数组不变
console.log(b);   //undefined null 自动过滤掉了

6迭代（查找，遍历）方法

1查找方法

indexOf(item,start):该方法搜索指定元素的位置，并返回下标

参数:item是要查找的值，start指从哪里开始查找（参数可选）ps:start是可以取负值的，举个栗子indexOf(x,-5)表示从倒数第6个开始（因为倒数第一个是0嘛），一直找到正序的第0个，

返回：如果多次出现，则返回第一次出现的下标（其实找到了就不会接着往后找了）；如果没出现，返回 -1。

var fruits = ["Apple", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple"); //返回 0，原数组不变
console.log(a); //0

lastIndexOf(item,start)：与上面方法用法一样，不同的地方是，他是逆行，是从结尾开始找的。start也能指定负值，如果start取-5，则表明从下标为5的地方开始，一直往前找。

var fruits = ["Apple", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");//返回2，原数组不变
console.log(a);//2

find()：ES6新增，查找通过测试（自定义函数内判断，通常配合ES6箭头函数）的数组的第一个元素的值，参数：（自定义函数：函数的参数：（项目值（必选），项目索引，数组本身））

返回：查找到的第一个值，，原数组不变

var arr = [1,2,3,4,5]
var a = arr.find(funciton(item,index,arr){
    return item >3
})
console.log(a) //返回4 原数组不改变

findIndex() 与上面方法用法一样，不同的是返回查找的第一个下标

返回：找到的第一个元素的下标，找不到返回-1，原数组不改变

var numbers = [4, 9, 16, 25, 29];
var first = numbers.findIndex(myFunction);//返回3，原数组不变
function myFunction(value, index, array) {
  return value > 18;
}

（2）遍历方法

every((val,ind,arr)=>{}) :对数组的每一项都运行给定函数，如果该数组的每一项都返回true，则返回true，原数组不变

var nums = [1,2,3,4,5]
var result = nums.every(function(val,ind,nums){
    return val>3
})
console.log(result) // false

var result1 = nums.every(function(val,ind,nums){
    return val>0
})
console.log(result1) // true

some(funcion(val,ind,arr){}): 对数组每一项运行指定函数，如果该数组任何一项返回true，则返回true，原数组不改变

var nums = [1,2,3,4,5]
var rult = nums.some(function(val,ind,nums){
    return val>2
})
console.log(rult) //true
var rul = nums.some(function(val,ind,nums){
    return val>22
})
console.log(rul) //false

filter(function(item,index,array){})：对数组中的每一项运行给定函数，返回该函数调用结果值为true的项组成新的数组，原数组不变

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
var filterResult = numbers.filter(function(item, index, array) {
return (item > 3);
})
console.log(filterResult); //[4, 5, 4]，原数组不变

map(function(item,index,array){})：对数组中的每一项运行给定函数，返回每次该函数调用的结果组成的数组，原数组不变

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
var mapResult = numbers.map(function(item, index, array) {
return item * 2;
})
console.log(mapResult); //[2, 4, 6, 8, 10, 8, 6, 4, 2]

forEach(function(item,index,array){})：对数组中的每一项运行给定的函数，该方法没有返回值，本质上与使用for循环迭代数组一样，原数组不变

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
var copy = [];
var Result = numbers.forEach(function(item, index, array) {
  copy.push(item - 1) //执行某些操作
})
console.log(numbers); //[1, 2, 3, 4, 5, 4, 3, 2, 1] 原数组不变
console.log(copy); //[0, 1, 2, 3, 4, 3, 2, 1, 0] 
console.log(Result); //undefined 无返回值

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

reduce() 可以作为一个高阶函数，用于函数的 compose。

注意: reduce() 对于空数组是不会执行回调函数的。

var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
var init=10;
var Result = numbers.reduce(function(prev, item, index, array) {
  return prev + item
},init)
console.log(numbers); //[1, 2, 3, 4, 5, 4, 3, 2, 1] 原数组不变
console.log(Result); //返回 35

var nums = [];
var Result = nums.reduce(function(prev, item, index, array) {
  return prev + item
})
console.log(Result); //0

var numbers = [];
var Result = numbers.reduce(function(prev, item, index, array) {
  return prev + item
})
console.log(Result);
//Uncaught TypeError: Reduce of empty array with no initial value

7、转换方法（Array、Boolean、Date、Number等对象通用方法）

toString()：改变数组中拼接的符号，并转化为字符串（参数："拼接符号"）

返回：拼接而成的字符串，原数组不变

var a = [1, 2, 3, 4, 5];
var b = a.toString();//返回 1,2,3,4,5 ;原数组不变
console.log(a); //[1,2,3,4,5]
console.log(b); //1,2,3,4,5