常用数组API

1.length属性:动态获取数组的长度

2.toString():把数组转换为数组值(逗号分隔)的字符串.

例:

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

输出:

Banana,Orange,Apple,Mango

3.join():也可将所有数组元素结合为一个字符串。

它的行为类似 toString(),但是您还可以规定分隔符

例:

let fruits = ["Banana", "Orange","Apple", "Mango"];
console.log(fruits.join(" * "))

输出:

Banana * Orange * Apple * Mango

4.pop():从数组中删除最后一个元素

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

该方法返回的是被删除的值

输出:

 "Mango"

5.push():(在数组结尾处)向数组添加一个新的元素

let fruits = ["Banana", "Orange", "Apple", "Mango"];
let x =  fruits.push("Kiwi"); 
console.log(x)

该方法返回的是新数组的长度

输出:

5

6.splice():用于向数组添加新项

let fruits = ["Banana", "Orange", "Apple", "Mango"];
let x = fruits.splice(2, 0, "Lemon", "Kiwi");
console.log(fruits)
console.log(x)

第一个参数(2)定义了应添加新元素或删除元素的位置(拼接)。

第二个参数(0)定义应添加或删除多少元素。

其余参数(“Lemon”,“Kiwi”)定义要添加的新元素,若不添加此参数,则为删除。

splice() 方法返回一个包含已删除项的数组

输出:

//console.log(fruits)
['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']
//console.log(x)
[]

7.find():查找第一个符合条件的元素,并返回

例:在myArr数组中查找元素值大于5的元素

let myArr=[1,2,3,4,5,6,7,8,9];
let v=myArr.find(value=>value>5);
console.log(v);

它的参数是一个回调函数,数组中的每个元素都调用一次函数执行。在回调函数中可以写你要查找元素的条件,找到后符合条件的元素,会立即返回,并不会继续执行代码.返回的结果为符合条件的元素.若没有找到符合的元素,返回undefined

8.map():返回一个新数组,新数组中的元素为原始数组中的每个元素调用函数处理后得到的值.

语法:

array.map(function(item,[index],[arr]){
})

参数:

item:当前元素的值,必须

index:当前元素在数组中的索引值,可选

arr:当前元素属于的数组对象,可选

例:

let arr = [1,2,3,4]
let newArr = arr.map(function(item){
item*=2
})
console.log(newArr)

输出:

newArr = [2,4,6,8]

9.reduce():计算数组所有元素相加的总和

语法:

arr.reduce(function(prev, cur, index, arr)

参数:

​
    1、previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue))
    2、currentValue (数组中当前被处理的元素)
    3、index (当前元素在数组中的索引)
    4、array (调用 reduce 的数组)

例:

let arr = [1, 2, 3, 4];
let sum = arr.reduce(function(prev, cur, index, arr) {
    return prev + cur;
})
console.log(arr, sum);

输出:

[1, 2, 3, 4]
10

10.slice():从已有的数组中返回选定的元素

语法:

arr.slice(start,end)

参数:

start:(截取开始位置的索引,包含开始索引)必须,规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。(-1指的是最后一个元素,-2指倒数第二个元素,以此类推)。

end:(截取结束位置的索引,不包含结束索引)可选,规定从何处结束选取。该参数是数组片段结束处的数组下标,如果没有指定该参数,那么切分的数组包含从 start(开始处)到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回值:

返回一个新的数组,包含从 start 到 end(不包含end的这个元素)的数组对象(arrayObject)中的元素。

例:

let arr = [1,2,3,4,5]
let newArr = arr.slice(2,4)
console.log(newArr)

输出:

[3,4]

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: JavaScript提供了许多数组API方法来方便地操作数组。其中一些常用的方法包括: 1. filter()方法:该方法创建一个新数组,其中包含满足指定条件的所有元素。可以使用filter()方法来过滤数组中的元素。在给定的代码示例中,使用了一个for循环来过滤出名字中包含"John"的员工,并将它们添加到一个新的数组中。\[1\] 2. forEach()方法:该方法对数组中的每个元素执行提供的回调函数。回调函数接受三个参数:当前元素的值、当前元素的索引和数组本身。forEach()方法没有返回值,它只是对每个元素执行回调函数。在给定的代码示例中,使用forEach()方法遍历数组并打印每个元素的值、索引和数组本身。\[2\] 3. join()方法:该方法将数组的所有元素连接成一个字符串,并返回该字符串。默认情况下,元素之间使用逗号分隔。在给定的代码示例中,使用join()方法将数组中的元素连接成一个字符串,并将结果打印出来。\[3\] 这些是JavaScript中一些常用数组API方法,它们可以帮助我们更方便地操作和处理数组。 #### 引用[.reference_title] - *1* [JavaScript 数组filter方法完整介绍](https://blog.csdn.net/allway2/article/details/124954994)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [JS数组API大全(持续更新)](https://blog.csdn.net/BBBBobo/article/details/121869585)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值