JavaScript 数组API

最新推荐文章于 2022-06-07 22:35:46 发布

骤雨f

最新推荐文章于 2022-06-07 22:35:46 发布

阅读量140

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/Brycee/article/details/120012835

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

数组序列化

toString()

在默认情况下都会以逗号分隔字符串的形式返回数组项

var arr = [1,5,2,8,10,{a:1}];
console.log(arr);//[ 1, 5, 2, 8, 10, { a: 1 } ]
console.log(arr.toString());//”1,5,2,8,10,[object Object]”

join()

使用指定的字符串用来分隔数组字符串

var arr = [1,5,2,8,10,{a:1}];
console.log(arr);//[ 1, 5, 2, 8, 10, { a: 1 } ]
console.log(arr.join(""));//”152810[object Object]”
console.log(arr.join("-"));//”1-5-2-8-10-[object Object]”

构造函数方法

Array.isArray()

判断某个变量是否是一个数组对象

var a = [1,2,3];
console.log(Array.isArray(a));//true

Array.from()

从类数组对象或者可迭代对象中创建一个新的数组实例

//从类数组对象或者可迭代对象中创建一个新的数组实例。
var myarr  = Array.from('123212113');
console.log(myarr);//[ '1', '2', '3', '2', '1', '2', '1', '1', '3' ]

Array.of()

根据一组参数来创建新的数组实例，支持任意的参数数量和类型

Array.of(7);       // [7] 
Array.of(1, 2, 3); // [1, 2, 3]

栈与队列方法

Array.prototype.push()

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度

语法：

array.push(item1, item2, ..., itemX)

添加新元素：

var arr = [11,22,"aa"];
// push()  添加元素到末尾  参数是要添加的元素 返回值是修改之后数组的长度【改变原数组】
var res = arr.push('32','bb');
console.log(arr);//[11,22,'aa','32','bb']

Array.prototype.pop()

pop() 方法用于删除数组的最后一个元素并返回删除的元素。

删除最后一个数组元素：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var arr = [];
var res = fruits.pop();
console.log(res);//Mango
console.log(fruits);//[ 'Banana', 'Orange', 'Apple' ]
console.log(arr.pop());//undefined

Array.prototype.shift()

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值

从数组中移除元素：

var arr = ["a", "b", "c", "d"];
var res = arr.shift()
console.log(arr);//[ 'b', 'c', 'd' ]
console.log(res);//a

Array.prototype.unshift()

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度

var arr = ["a", "b", "c", "d"];
var res = arr.unshift(1,2,3)
console.log(arr);//[ 1, 2, 3, 'a', 'b', 'c', 'd' ]
console.log(res);//7

排序方法

Array.prototype.reverse()

reverse() 方法用于颠倒数组中元素的顺序。

颠倒数组中元素的顺序：

var arr = ["a", "b", "c", "d"];
arr.reverse();
console.log(arr);//[ 'd', 'c', 'b', 'a' ]

Array.prototype.sort()

sort() 方法用于对数组的元素进行排序。如果调用该方法时没有使用参数，将按字母顺序（Ascall编码）对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串(如有必要)，以便进行比较。如果要想进行升序或是降序排序的话，要提供比较函数。

排序顺序可以是字母或数字，并按升序或降序。

默认排序顺序为按字母升序。

数组排序：

var arr = ['d','a','c','b'];
arr.sort();
console.log(arr);//[ 'a', 'b', 'c', 'd' ]

注意：

当数字是按字母顺序排列时"40"将排在"5"前面。

使用数字排序，你必须通过一个函数作为参数来调用。

函数指定数字是按照升序还是降序排列。

关于升序和降序的条件

当 a>b 时，
a - b > 0  ，排序结果 ===> b，a （升序）
b - a < 0  ，排序结果 ===> a，b （降序）

当 b>a 时，
a - b < 0  ，排序结果 ===> a，b （升序）
b - a > 0  ，排序结果 ===> b，a （降序）

当 a=b 时，
a - b = b - a =0 , 排序结果 ===> 保持不变

无论a>b还是b>a，return a-b 总能得到升序的结果，而 return b-a 总能得到降序的结果。

数字排序（升序）：

var points = [40,100,1,5,25,10];
points.sort(function(a,b){
	return a-b
});
//points输出结果：1,5,10,25,40,100

数字排序（降序）：

var points = [40,100,1,5,25,10];
points.sort(function(a,b){
	return b-a
});
//fruits输出结果：100,40,25,10,5,1

操作方法

Array.prototype.concat()

concat() 方法用于连接两个或多个数组。

var arr1 = [ 'a', 'b', 'c', 'd' ];
var arr2 = [1,2,3];
var arr3 = ['e','f'];
var res = arr1.concat(arr2,arr3);
console.log(res);//[ 'a', 'b', 'c', 'd', 1, 2, 3, 'e', 'f' ]

Array.prototype.slice()

slice() 方法可从已有的数组中返回选定的元素。

slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

参数值：

参数	描述
start	可选。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数，则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素（不包含最后一个元素，也就是只有倒数第二个元素）。

参数

描述

start

可选。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。

end

可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数，则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素（不包含最后一个元素，也就是只有倒数第二个元素）。

在数组中读取元素：

var arr1 = [ 'a', 'b', 'c', 'd' ];
var arr2 = arr1.slice(1,3);
console.log(arr2);//[ 'b', 'c' ]

Array.prototype.splice()

splice() 方法用于添加或删除数组中的元素，会改变原始数组。

参数	描述
index	必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany	可选。规定应该删除多少元素。必须是数字，但可以是 "0"。如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX	可选。要添加到数组的新元素

数组中添加新元素

var arr1 = [ 'a', 'b', 'c', 'd' ];
arr1.splice(2, 0, "1", "2");
console.log(arr1);//[ 'a', 'b', '1', '2', 'c', 'd' ]

移除数组的第三个元素，并在数组第三个位置添加新元素:

var arr1 = [ 'a', 'b', 'c', 'd' ];
arr1.splice(2, 1, "1", "2");
console.log(arr1);//[ 'a', 'b', '1', '2', 'd' ]

从第三个位置开始删除数组后的两个元素：

var arr1 = [ 'a', 'b', 'c', 'd' ];
arr1.splice(2, 2);
console.log(arr1);//[ 'a', 'b' ]

位置方法

Array.prototype.indexOf()

indexOf() 方法可返回数组中某个指定的元素位置。

该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。

如果在数组中没找到指定元素则返回 -1。

var arr1 = [ 'a', 'b', 'c', 'd' ];
var a = arr1.indexOf('c');
console.log(a);//2

Array.prototype.lastIndexOf()

lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置，从该字符串的后面向前查找。

如果要检索的元素没有出现，则该方法返回 -1。

该方法将从尾到头地检索数组中指定元素 item。开始检索的位置在数组的 start 处或数组的结尾（没有指定 start 参数时）。如果找到一个 item，则返回 item 从尾向前检索第一个次出现在数组的位置。数组的索引开始位置是从 0 开始的。

如果在数组中没找到指定元素则返回 -1。

var arr1 = [ 'a', 'b', 'c', 'd' ];
var res = arr1.lastIndexOf('c');
console.log(res);//2

迭代方法

Array.prototype.every()

every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）， every() 不会对空数组进行检测，every() 不会改变原始数组。

every() 方法使用指定函数检测数组中的所有元素：

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。

参数	描述
function(currentValue, index,arr)	必须。函数，数组中的每个元素都会执行这个函数函数参数见下表
thisValue	可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。如果省略了 thisValue ，"this" 的值为 "undefined"

参数	描述
currentValue	必须。当前元素的值
index	可选。当前元素的索引值
arr	可选。当前元素属于的数组对象

返回值

如果所有元素都通过检测返回 true，否则返回 false。

检测数组 arr 的所有元素是否都大于等于 18 :

var arr = [24,25,18,56,16];
var result = arr.every(function(a){
  return a >= 18
});
console.log(result);//false

Array.prototype.some()

some() 方法用于检测数组中的元素是否满足指定条件（函数提供），every() 不会对空数组进行检测，every() 不会改变原始数组。

some() 方法会依次执行数组的每个元素：

如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。

如果没有满足条件的元素，则返回false。

var arr = [24,25,18,56,16];
var result = arr.some(function(a){
  return a >= 18
});
console.log(result);//true

Array.prototype.filter()

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

返回值：

返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。

var arr = [24,25,18,56,16];
var result = arr.filter(function(a){
  return a >= 18
});
console.log(result);//[ 24, 25, 18, 56 ]

Array.prototype.map()

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

map() 方法按照原始数组元素顺序依次处理元素。

返回值：

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

var arr = [24,25,18,56,16];
var result = arr.map(function(a){
  return a + 1
});
console.log(result);//[ 25, 26, 19, 57, 17 ]

Array.prototype.forEach()

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

var numbers = [4, 9, 16, 25];

numbers.forEach(function (number, index) {
  console.log(index + ' -- ' + number);
})
//0 -- 4
//1 -- 9 
//2 -- 16
//3 -- 25