概述
这些数组方法会改变原数组：unshift();push()；shift();pop();sort(); reverse();splice();
1、concat()
功能：合并数组
用法：数组1.cantat(数组2)
案例：
var str1 = [20，18，"hi"]; var str2 = ["world"];
console.log(str1.concat(str2)); //[20，18，"hi", "world"]
console.log(str1);//[20，18，"hi"];
2、join()
功能：将数组转换为字符串，（）中用双引号包括自己想用的分隔符，默认为逗号；
用法：数组.join("/")
案例：
var str = [20，18，"hi"];
console.log(str.join(str)); // 20/18/hi
console.log(str);//[20，18，"hi"];
3、pop()
功能：删除数组的最后一位,并返回删除的数据；
用法：数组.pop()
案例：
var str = [20，18，"hi"];
console.log(str.pop()); // hi
console.log(str);//[20，18];
4、shift()
功能：删除数组的第一位数据，并返回删除的数据；
用法：数组.shift()
案例：
var str = [20，18，"hi"];
console.log(str.shift()); // 20
console.log(str);//[18，"hi"];
5、unshift()
功能：在数组的首位新增一条或多条数据，并返回新数组的长度
用法：数组.unshift()
案例：
var str = [12,'who'];
console.log(str.unshift('hi')) //3
console.log(str) //['hi',12,'who']
6、push()
功能：在数组的最后一位新增一条或多条数据，并返回新数组的长度
用法：数组.push()
案例：
var str = [12,'who'];
console.log(str.push('hi')) //3
console.log(str) // [12,'who','hi']
7、reverse()
功能：将数组倒序，并返回反转后的数组
用法：数组.reverse()
案例：
var str = [12,'who'];
console.log(str.reverse()) //['who',12]
console.log(str) // ['who',12]
8、sort()
功能：对数组内的数据进行排序（默认为升序），并返回排序后的数组。这里的排序是对字符的排序，先使用数组的toString()方法转换成字符串，再逐位比较，3是大于12的，因为首位3>1，不要与Number型的数据排序混淆。
但要是想按照数值排序，需要传参，sort(callback)，callback作为回调函数，该函数应该具有两个参数，比较这两个参数，然后返回一个用于说明这两个值的相对顺序的数字（a-b）。
返回值：若a<b，返回一个小于0的值；若a=b，则返回0；若a>b，则返回一个大于0的值
用法：数组.sort()
案例：
字符排序
var str = [5,23,9,3,73,22,'hi','banner','apple'];
console.log(str.sort())//[22,23,3,5,73,9,'apple','banner','hi']
数值排序
var str = [78,3,87,9,10,27,42];
console.log(str.sort(fn)); //[3,9,10,27,42,78,87]
function fn（a,b）{
return a-b;
}
9、slice() 前要后不要
功能：截取指定位置的数组，并且返回截取的数组，不会改变原始数组。有两个参数。
用法：数组.slice(start,end)
参数：start包含 end不包含 [start，end)
start 可选。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数， 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素（不包含最后一个元素，也就是只有倒数第二个元素）。
案例：
var arr = ["banana","apple","lemon","orange"];
console.log(arr.slice(-3,-1));// apple,lemon
10、splice()
功能：向数组中添加，或从数组中删除，或替换数组中的元素，然后返回被删除/替换的元素。
用法：数组.splice(index,howmany,item1,.....,itemX)
参数：
index 必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany 可选。规定应该删除多少元素。必须是数字，但可以是 "0"。
如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX 可选。要添加到数组的新元素。
案例：
var arr = ["banana","apple","lemon","orange"];
//移除数组的第二个元素，并在数组的第二个位置添加新元素
console.log(arr.splice(1,1,"line","circle"));// "banana","line","circle","lemon","orange"
var animals = ["dog","cat","rabbit"];
//从第一个位置开始删除数组后的一个元素
console.log(animals.splice(0,1))； // rabbit
11、toString()
功能：将数组转换成字符串，类似于没有参数的join()。
用法：数组.toString()
案例：
var arr = ["banana","apple","lemon","orange"];
console.log(arr.toString()); // "banana","apple","lemon","orange"
12、valueOf()
功能：返回数组的原始值（一般情况下其实就是数组本身）
用法：数组.valueOf()
案例：
var arr = ["banana","apple","lemon","orange"];
console.log(arr.valueOf()); // ["banana","apple","lemon","orange"]
//为了证明返回的是数组自身 console.log(str.valueOf() == str); //true
13、IndexOf()
功能：根据指定的数据，从左向右，查询在数组中出现的位置，如果不存在指定的数据，返回-1，找到了指定的数据返回该数据的索引。
用法：数组.IndexOf(value, start)
参数：
value为要查询的数据；
start为可选，表示开始查询的位置，当start为负数时，从数组的尾部向前数；如果查询不到value的存在，则方法返回-1
注意：如果找到该数据，立即返回该数据的索引，不再往后继续查找
案例：
var arr = ["banana","apple","lemon","orange"];
console.log(arr.IndexOf("apple")); // 1
console.log(arr.IndexOf("apple",2)); // -1
14、LastIndexOf()
功能：返回一个指定的字符串值最后出现的位置，如果指定第二个参数 start，则在一个字符串中的指定位置从后向前搜索。
用法：数组.LastIndexOf(value, start)
参数：
value为要查询的数据；
start可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。
注意： 该方法将从后向前检索字符串，但返回是从起始位置 (0) 开始计算子字符串最后出现的位置。 看它是否含有字符串。如果没有找到匹配字符串则返回 -1
开始检索的位置在字符串的 start 处或字符串的结尾（没有指定 start 时）。
案例：
var str="I am from runoob，welcome to runoob site.";
//从第 20 个字符开始查找字符串 "runoob" 最后出现的位置,：
console.log(str.lastIndexOf("runoob", 20)); //10
15、forEach() 纯遍历数组
功能：ES5新增的方法，用来遍历数组，没有返回值。
用法：数组.forEach(callback)
参数：
callback默认有三个参数，分别为value(遍历到的数组的数据)，index(对应的索引)，self(数组自身)。
案例：
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.forEach(function(value,index,self){
console.log(value + "--" + index + "--" + (arr === self));
})
// 打印结果为：
// Tom--0--true
// Jack--1--true
// Lucy--2--true
// Lily--3--true
// May--4--true
console.log(a); //undefined---forEach没有返回值
//该方法为遍历方法，不会修改原数组
16、map() 遍历数组+返回值
功能：遍历数组,map的回调函数会将执行结果返回，最后map将所有回调函数的返回值组成新数组返回。
用法：数组.map(callback)
参数：
callback默认有三个参数，分别为value(遍历到的数组的数据)，index(对应的索引)，self(数组自身)。
案例：
//功能1：同forEach
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.map(function(value,index,self){
console.log(value + "--" + index + "--" + (arr === self))
})
// 打印结果为：
// Tom--0--true
// Jack--1--true
// Lucy--2--true
// Lily--3--true
// May--4--true
//功能2：每次回调函数的返回值被map组成新数组返回
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.map(function(value,index,self){
return "hi:"+value;
})
console.log(a); //["hi:Tom", "hi:Jack", "hi:Lucy", "hi:Lily", "hi:May"]
console.log(arr); //["Tom", "Jack", "Lucy", "Lily", "May"]---原数组未改变
17、filter() 过滤，遍历数组，返回为true的数据组成的数组
功能：1.同forEach功能；2.filter的回调函数需要返回布尔值，当为true时，将本次数组的数据返回给filter，最后filter将所有回调函数的返回值组成新数组返回（此功能可理解为“过滤”）。
用法：数组.filter(callback)
参数：
callback默认有三个参数，分别为value(遍历到的数组的数据)，index(对应的索引)，self(数组自身)。
案例：
//功能1：同forEach
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.filter(function(value,index,self){
console.log(value + "--" + index + "--" + (arr === self))
})
// 打印结果为：
// Tom--0--true
// Jack--1--true
// Lucy--2--true
// Lily--3--true
// May--4--true
//功能2：当回调函数的返回值为true时，本次的数组值返回给filter，被filter组成新数组返回
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.filter(function(value,index,self){
return value.length > 3;
})
console.log(a); //["Jack", "Lucy", "Lily"]
console.log(arr); //["Tom", "Jack", "Lucy", "Lily", "May"]---原数组未改变
18、every()
功能：1.同forEach功能；2.判断数组中每一项是否都满足条件，只有所有项都满足条件，才会返回true。
用法：数组.every(callback)
参数：
callback默认有三个参数，分别为value(遍历到的数组的数据)，index(对应的索引)，self(数组自身)。
案例：
功能1：当回调函数的返回值为true时，类似于forEach的功能，遍历所有；如果为false，那么停止执行，后面的数据不再遍历，停在第一个返回false的位置。
//demo1:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.every(function(value,index,self){
console.log(value + "--" + index + "--" + (arr == self))
})
// 打印结果为：
// Tom--0--true
//因为回调函数中没有return true，默认返回undefined，等同于返回false
//demo2:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.every(function(value,index,self){
console.log(value + "--" + index + "--" + (arr == self))
return value.length < 4;
})
// 打印结果为：
// Tom--0--true
// abc--1--true
// Jack--2--true
//因为当遍历到Jack时，回调函数到return返回false，此时Jack已经遍历，但是后面数据就不再被遍历了
//demo3:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.every(function(value,index,self){
console.log(value + "--" + index + "--" + (arr == self))
return true;
})
// 打印结果为：
// Tom--0--true
// abc--1--true
// Jack--2--true
// Lucy--3--true
// Lily--4--true
// May--5--true
//因为每个回调函数的返回值都是true，那么会遍历数组所有数据，等同于forEach功能
功能2：当每个回调函数的返回值都为true时，every的返回值为true，只要有一个回调函数的返回值为false，every的返回值都为false。
//demo1:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.every(function(value,index,self){
return value.length > 3;
})
console.log(a); //false
//demo2:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.every(function(value,index,self){
return value.length > 2;
})
console.log(a); //false
19、some()
功能：判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回true。
功能1：因为要判断数组中的每一项，只要有一个回调函数返回true，some都会返回true，所以与every正好相反，当遇到一个回调函数的返回值为true时，可以确定结果，那么停止执行，后面的 数据不再遍历，停在第一个返回true的位置；当回调函数的返回值为false时，需要继续向后执行，到最后才能确定结果，所以会遍历所有数据，实现类似于forEach的功能，遍历所有。
功能2：与every相反，只要有一个回调函数的返回值都为true，some的返回值为true，所有回调函数的返回值为false，some的返回值才为false
用法：数组.some(callback)
参数：
callback默认有三个参数，分别为value(遍历到的数组的数据)，index(对应的索引)，self(数组自身)。
案例：
//功能1：
//demo1:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.some(function(value,index,self){
console.log(value + "--" + index + "--" + (arr == self))
return value.length > 3;
})
// 打印结果为：
// Tom--0--true
// abc--1--true
// Jack--2--true
//demo2:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.some(function(value,index,self){
console.log(value + "--" + index + "--" + (arr == self))
return true;
})
// 打印结果为：
// Tom--0--true
//demo3:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.some(function(value,index,self){
console.log(value + "--" + index + "--" + (arr == self))
return false;
})
// 打印结果为：
// Tom--0--true
// abc--1--true
// Jack--2--true
// Lucy--3--true
// Lily--4--true
// May--5--true
//功能2
//demo1:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.some(function(value,index,self){
return value.length > 3;
})
console.log(a); //true
//demo2:
var arr = ["Tom","abc","Jack","Lucy","Lily","May"];
var a = arr.some(function(value,index,self){
return value.length > 6;
})
console.log(a); //false
20、reduce()
功能：从数组的第一项开始，逐个遍历到最后，迭代数组的所有项，然后构建一个最终返回的值。
用法：数组.reduce(callback,initial)
参数：
reduce()接收一个或两个参数：第一个是回调函数，表示在数组的每一项上调用的函数；第二个参数（可选的）作为归并的初始值，被回调函数第一次执行时的第一个参数接收。 reduce(callback,initial);callback默认有四个参数，分别为prev，now，index，self。 callback返回的任何值都会作为下一次执行的第一个参数。 如果initial参数被省略，那么第一次迭代发生在数组的第二项上，因此callback的第一个参数是数组的第一项，第二个参数就是数组的第二项。
案例：
//demo1:不省略initial参数，回调函数没有返回值
var arr = [10,20,30,40,50];
arr.reduce(function(prev,now,index,self){
console.log(prev + "--" + now + "--" + index + "--" + (arr == self))
}, 2019)
// 打印结果为：
// 2019--10--0--true
// undefined--20--1--true
// undefined--30--2--true
// undefined--40--3--true
// undefined--50--4--true
// 此时回调函数没有return，所以从第二次开始，prev拿到的是undefined
//demo2:省略initial参数，回调函数没有返回值
var arr = [10,20,30,40,50];
arr.reduce(function(prev,now,index,self){
console.log(prev + "--" + now + "--" + index + "--" + (arr == self))
})
// 打印结果为：第一次，回调函数的第一个参数是数组的第一项。第二个参数就是数组的第二项
// 10--20--1--true
// undefined--30--2--true
// undefined--40--3--true
// undefined--50--4--true
// 此时回调函数没有return，所以从第二次开始，prev拿到的是undefined
//demo3:不省略initial参数，回调函数有返回值
var arr = [10,20,30,40,50];
arr.reduce(function(prev,now,index,self){
console.log(prev + "--" + now + "--" + index + "--" + (arr == self));
return "hello";
}, 2019)
// 打印结果为：
// 2019--10--0--true
// hello--20--1--true
// hello--30--2--true
// hello--40--3--true
// hello--50--4--true
// 此时回调函数有return，所以从第二次开始，prev拿到的是回调函数return的值
//demo4:省略initial参数，回调函数有返回值
var arr = [10,20,30,40,50];
arr.reduce(function(prev,now,index,self){
console.log(prev + "--" + now + "--" + index + "--" + (arr == self));
return "hello";
})
// 打印结果为：第一次，回调函数的第一个参数是数组的第一项。第二个参数就是数组的第二项
// 10--20--1--true
// hello--30--2--true
// hello--40--3--true
// hello--50--4--true
// 此时回调函数有return，所以从第二次开始，prev拿到的是回调函数return的值
//demo5：使用reduce计算数组中所有数据的和
var arr = [10,20,30,40,50];
var sum = arr.reduce(function(prev,now,index,self){
return prev + now;
})
console.log(sum); //150
// 回调函数的最后一次return的结果被返回到reduce方法的身上
//demo6：使用reduce计算数组中所有数据的和
var arr = [10,20,30,40,50];
var sum = arr.reduce(function(prev,now,index,self){
return prev + now;
}, 8)
console.log(sum); //158
// 回调函数的最后一次return的结果被返回到reduce方法的身上
// 因为reduce有第二个参数initial，在第一次执行时被计算，所以最终结果被加上8
21、reduceRight() 与reduce类似
功能：（与reduce类似）从数组的最后一项开始，向前逐个遍历到第一位，迭代数组的所有项，然后构建一个最终返回的值。
用法：数组.reduceRight(callback,initial)
参数：与reduce一样
案例：
//demo5：使用reduce计算数组中所有数据的和
var arr = [10,20,30,40,50];
var sum = arr.reduceRight(function(prev,now,index,self){
return prev + now;
})
console.log(sum); //150
// 回调函数的最后一次return的结果被返回到reduceRight方法的身上
//demo6：使用reduce计算数组中所有数据的和
var arr = [10,20,30,40,50];
var sum = arr.reduceRight(function(prev,now,index,self){
return prev + now;
}, 8)
console.log(sum); //158
// 回调函数的最后一次return的结果被返回到reduceRight方法的身上
// 因为reduce有第二个参数initial，在第一次执行时被计算，所以最终结果被加上8
最后
以上就是机灵钢铁侠为你收集整理的js数组大全的全部内容，希望文章能够帮你解决js数组大全所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
![再谈谈map--map::insert 还是[]？](/uploads/reation/bcimg2.png)
![谈谈C++中map的[]和insert谈谈C++中map的[]和insert](/uploads/reation/bcimg3.png)
发表评论 取消回复