数组api 汇总

1 篇文章 0 订阅

数组 api 汇总

indexOf方法,用于查找数组中是否包含指定的值,返回指定值的索引值,如果没有存在返回-1

// An highlighted block
var foo = 'bar';

map方法,对指定数组内的每个元素进行函数调用,返回一个新数组。

const arr = [1,2,3];
const arr2=arr.map((item)=>{
    return item*2;
});
console.log(arr) // [1,2,3]
console.log(arr2) // [2,4,6]

push方法,将元素添加到数组的最后面(尾部)返回值为数组的长度。

const arr = [1,2,3];
arr.push(4,5,6)
console.log(arr) // [1,2,3,4,5,6]

unshift方法,将元素添加到数组的最前面(头部),返回值为数组的长度。

const arr = [1,2,3];
arr.unshift(4,5,6)
console.log(arr) // [4,5,6,1,2,3]

pop方法,用于取下数组中最后面的元素(尾部),返回取出的值。

const arr = [1,2,3];
const last = arr.pop()
console.log(arr) // [1,2]
console.log(last) // 3

shift方法,用于取下数组中最前面的元素(头部),返回取出的值。

const arr = [1,2,3];
const first = arr.shift()
console.log(arr) // [2,3]
console.log(first) // 1

join方法,将数组中的元素使用指定的拼接符进行拼接,返回拼接到好的字符串。

const arr = [1,2,3];
const res = arr.join('&')
console.log(res) // "1&2&3"

sort方法,用于将数组进行排序操作,默认按字符串方式进行排序,也可以传入一个函数作为参数,返回一个新数组。

const arr = [9,12,3,21,18];
const res = arr.sort((a,b)=>a-b)
console.log(res) // [3,9,12,18,21]

filter方法,检查数组中符合条件的元素,返回数组中符合条件的所有元素。不会改变原数组,返回一个新数组。

const arr = [1,2,3,4,5,6,7,8,9,10];
const arr2 = arr.filter(item=>item%2!==0)
console.log(arr2) // [1,3,5,7,9]


some方法,判断数组中的元素是否有一个或以上符合条件,如果有,返回true,否则为false。

const arr = [9,12,3,21,18];
const res = arr.some((item)=>item<5)
console.log(res) // true

every方法,判断数组中的元素是否全部符合条件,如果符合,返回true,否则为false。

const arr = [9,12,3,21,18];
const res = arr.every((item)=>item<5)
console.log(res) // false

forEach方法,它与上面的map对象类似,也是对数组内的每个元素进行函数调用。不一样的是forEach没有返回值( undefined )。

const arr = [1,2,3];
arr.forEach((item)=>{
    console.log(item*2)
});
// 2
// 4 
// 6

reduce方法,对数组中的每一个元素执行由您提供的reducer函数,再将结果汇总为单个返回值。

const list = [1, 2, 3]
const sum = list.reduce(((accumulator, currentValue)=>accumulator + currentValue)
, 0);
console.log(sum) // 6

reverse方法,颠倒数组中元素的位置。返回一个颠倒后的数组,会修改原数组。

const arr = ['ABC','age',12,3];
const res = arr.reverse()
console.log(res) // [3,12,"age","ABC"]

includes方法,用于判断数组里否包含一个指定的值,如果包含则返回 true,否则返回false。

const arr = ['A','B','C'];
console.log(arr.includes('A')) // true
console.log(arr.includes('D')) // false

JavaScript的一些数组方法方法方方法!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值