数组常用的API

发布于:2023-01-18 ⋅ 阅读:(419) ⋅ 点赞:(0)

1. 数组序列化

toString( ) 在默认情况下都会以逗号分隔字符串的形式返回数组项
join( ) 使用指定的字符串用来分隔数组字符串

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

2. 构造函数的方法

Array.isArray() 用来判断某个变量是否是一个数组对象
Array.from() 从类数组对象或者可迭代对象中创建一个新的数组实例。

var arr=Array.isArray([123,5678,'你好数组'])
console.log(arr);//true
var myArr = Array.from("BRIUP");
console.log(myArr);
//输出结果为["B","R","I","U","P"]

3. 栈与队列方法

Array.prototype.push()
push()方法可向数组的末尾添加一个或多个元素,并返回新的长度。
注意:新元素将添加在数组的末尾;此方法改变数组的长度
语法:

//array.push(item1, item2, ..., itemX)
var fruits = ["Banana", "Orange", "Apple", "Mango"];
// push()  添加元素到末尾  参数是要添加的元素 返回值是修改之后数组的长度【改变原数组】
fruits.push("Kiwi")
console.log(fruits);
//fruits 结果输出:Banana,Orange,Apple,Mango,Kiwi

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

注意:此方法改变数组的长度;此方法只可以删除数组最后一个元素
语法:

array.pop()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
console.log(fruits);

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

语法:
array.shift()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift()
console.log(fruits);
//fruits结果输出:Orange,Apple,Mango

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

语法
array.unshift(item1,item2, …, itemX)

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
console.log(fruits)
//fruits 将输出:Lemon,Pineapple,Banana,Orange,Apple,Mango

4. 排序方法

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

引用
array.reverse()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
console.log(fruits)
//fruits结果输出:Mango,Apple,Orange,Banana

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

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

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

语法:
array.sort()

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
console.log(fruits)
//fruits 输出结果:Apple,Banana,Mango,Orange

升序:a-b
降序: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

5. 操作方法

Array.prototype.concat()
concat() 方法用于连接两个或多个数组
该方法不会改变现有数组,而仅仅会返回被连接数组的一个副本。

语法:
array1.concat(array2,array3,…,arrayX)

var height=[180,170,160]
var names=['zhangsan','lisi','wangwu']
var message=names.concat(height)
console.log(message);
//输出:[ 'zhangsan', 'lisi', 'wangwu', 180, 170, 160 ]

Array.prototype.slice()
slice() 方法可从已有的数组中的返回选定的元素
slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

语法:
array.slice(start, end)

参数 描述
start 可选。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素(不包含最后一个元素,也就是只有倒数第二个元素)。
var fruits=["Banana", "Orange", "Lemon", "Apple", "Mango"]
var citrus = fruits.slice(1,3);
//citrus 结果输出:Orange,Lemon

Array.prototype.splice()
splice()方法用于添加或删除数组中的元素

语法:
array.splice(index,howmany,item1,…,itemX)
|参数| 描述 |
|–|–|
| index | 必需。规定从何处添加/删除元素。 该参数是开始插入和(或)删除的数组元素的下标,必须是数字。往该下标前方添加|
| howmany | 可选。规定应该删除多少元素。必须是数字,但可以是 “0”。 如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。在下标后方删除|
|item1, …, itemX| 可选。要添加到数组的新元素 |

var fruits = ["Banana", "Orange", "Apple", "Mango"];
//从数组索引位置 2 开始,不删除元素,添加两个新的元素"Lemon","Kiwi"
fruits.splice(2,0,"Lemon","Kiwi");
//fruits输出结果:Banana,Orange,Lemon,Kiwi,Apple,Mango

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

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");

//fruits输出结果:Banana,Orange,Lemon,Kiwi,Mango

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

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);

//fruits输出结果:Banana,Orange

6. 位置方法:

Array.prototype.indexOf()
indexOf() 方法可返回数组中某个指定的元素位置
开始检索的位置在数组 start 处或数组的开头(没有指定 start 参数时)。
如果找到一个 item,则返回 item 的第一次出现的位置。开始位置的索引为 0。
如果在数组中没找到指定元素则返回 -1。

语法:
array.indexOf(item,start)

var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
var a = fruits.indexOf("Apple");

//a结果输出:2
//以上输出结果意味着 "Apple" 元素位于数组中的第 3 个位置。

Array.prototype.lastIndexOf()
lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置,从该字符串的后面向前查找。从尾到头地检索指定元素item
如果要检索的元素没有出现,则该方法返回 -1。
如果在数组中没找到指定元素则返回 -1。

语法
array.lastIndexOf(item,start)
|参数| 描述 |
|–|–|
| item | 必需。规定需检索的字符串值。|
| start | 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。|

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");

//a输出结果:2
//以上实例输出结果意味着 "Apple" 位于数组中的第 2 个位置.

7. 迭代方法

Array.prototype.every()
every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
every() 方法使用指定函数检测数组中的所有元素:

  • 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
  • 如果所有元素都满足条件,则返回 true。
    注意: every() 不会对空数组进行检测;every() 不会改变原始数组。

语法:
array.every(function(currentValue,index,arr), thisValue)
|参数| 描述 |
|–|–|
| currentValue | 必须。当前元素的值 |
| index | 可选。当前元素的索引值 |
| arr | 可选。当前元素属于的数组对象 |
| thisValue | 可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。 如果省略了 thisValue ,“this” 的值为 “undefined” |
检测数组ages的所有元素是否都大于等于18

var ages = [32, 33, 16, 40];

var result = ages.every(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:false

Array.prototype.some()
some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
some() 方法会依次执行数组的每个元素:

  • 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
  • 如果没有满足条件的元素,则返回false。
    注意: some() 不会对空数组进行检测;some() 不会改变原始数组。

语法:
array.some(function(currentValue,index,arr),thisValue)
检测数组中是否有元素大于18

var ages = [32, 33, 16, 40];

var result = ages.some(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:true

Array.prototype.filter()
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测; filter() 不会改变原始数组。

语法:
array.filter(function(currentValue,index,arr), thisValue)

var ages = [32, 33, 16, 40];

var result = ages.filter(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:[ 32, 33, 40 ]

Array.prototype.map()
map() 方法返回一个新数组,返回的数组中是根据自定义函数处理过后的新数组。
map() 方法按照原始数组元素顺序依次处理元素。

语法:
array.map(function(currentValue,index,arr), thisValue)
返回一个数组,数组中元素为原始数组的平方根:

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

var result = numbers.map(function (number) {
  return Math.sqrt(number)
})
console.log(result);//输出结果为:[ 2, 3, 4, 5 ]

Array.prototype.forEach()
forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
注意: forEach() 对于空数组是不会执行回调函数的。

语法:
array.forEach(function(currentValue, index, arr), thisValue)

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

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

网站公告

今日签到

点亮在社区的每一天
去签到