js数组常见方法及返回值

记录一下开发中常用到的数组,方便记忆,后期不定期更新新的方法。

方法名语法返回值含义
indexOfarr.indexOf()下标查询数组元素的下标
lastIndexOfarr.lastIndex()下标倒叙查询元素下标,方法区分大小写
findIndexarr.findIndex((item,i)=>{return i==0})下标查询元素下标
findarr.find((item,i)=>{return i==0})对象查找元素,返回第一个满足条件的元素,如果没有则返回undefinded
pusharr.push(obj)数组向数组尾部添加新元素,返回新长度
unshiftarr.unshift()数组向数组的开头添加一个或更多元素,并返回新的长度
shiftarr.shift()第一个元素的值从数组中删除第一项,并返回该删除项
poparr.pop()最后一个元素的值从数组中删除最后项,并返回该删除项
forEacharr.forEach((item,i)=>{return  })没有返回值遍历数组
maparr.map((item,i)=>{return val })有返回值遍历数组
reduce

arr.reduce((prev, cur, index, arr)=> {

return prev + cur })

新的数组对数组中的每个元素执行一个由您提供的reduce函数(升序执行)
sortarr.sort((val,i)=>{return })新的数组数组排序
concatarr.concat(cat)新的数组拼接两个数组
fillarr.fill(value,start,end)返回值修改后的数组,第二个参数是开始填充的下标,第二个是停止填充的下标替换所有元素
filter

array.filter((item,index,arr)=>{ return item }

array.filter((item,index,arr)=> {

item == xxx })

满足判断条件的数组,原数组不会改变筛选过滤数组
toStringarr.toString()字符串转字符串
joinarr.join("-","")字符串第1个参数作为分割符,转字符串
split(字符串方法)"xxx-xxx-xxx".split("-")数组把字符串转成一个数组,按分割符,分隔开
slicearr.slice(5)返回一个数组,一个参数,截取下标,两个参数返回空数组截取
splicearr.splice(x,x,x)返回一个数组,第一个参数,规定删除或者添加下标,第二个参数规定删除的数量,如果有第三个参数则为添加删除,替换,插入
includesarr.includes(searchElement[, fromIndex])布尔值返回布尔值数组如果包含满足条件的元素
everyarray.every(( item, index,arr) =>{} )布尔值所有成员必须满足才返回true否则false
somearray.some(( item, index,arr) =>{} )布尔值只要有一个成员满足则返回true
Array.isArrayArray.isArray(value)布尔值判断元素是否是数组
Array.fromArray.from(obj)数组将一个类数组对象或者可遍历对象转换成一个真正的数组

### JavaScript 数组常用方法 #### push 方法 `push()` 方法用于向数组的末尾添加一个或多个元素,并返回新的长度。 ```javascript let numbers = [1, 2, 3]; numbers.push(4); console.log(numbers); // 输出: [1, 2, 3, 4] ``` 此方法会改变原数组[^1]。 #### filter 方法 `filter()` 方法创建一个新的数组,其中包含所有通过回调函数测试的元素。该方法不会修改原始数组。 ```javascript const ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18; } const adults = ages.filter(checkAdult); console.log(adults); // 输出: [32, 33, 40] ``` 这个例子展示了如何使用 `filter()` 来筛选出满足条件的元素并形成新数组[^3]。 #### map 方法 `map()` 方法创建一个新数组,其结果是对调用数组中的每个元素执行一次提供的函数后的返回值组成的数组。 ```javascript const numbers = [1, 4, 9]; const doubles = numbers.map(function(num) { return num * 2; }); console.log(doubles); // 输出: [2, 8, 18] ``` 这里展示的是利用 `map()` 对原有数值进行倍增处理. #### forEach 方法 `forEach()` 方法数组的每一项运行给定函数。这是遍历数组的一种方式,但它不适用于链式编程因为没有返回值。 ```javascript const items = ['item1', 'item2', 'item3']; items.forEach((item, index) => console.log(`${index}: ${item}`)); // 输出: // 0: item1 // 1: item2 // 2: item3 ``` 这段代码说明了怎样运用 `forEach()` 进行简单的迭代打印.
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值