数组的所有办法

本文详细介绍JavaScript中concat()、every()、filter()等数组方法,包括其功能、用法示例和应用场景。通过实例演示,帮助理解如何在开发中高效利用这些函数进行数据处理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、concat()把元素衔接到数组中(不会改变原数组)

var str = 'hello'
var str2 = 'world'

var n = str.concat(str2)

输出: hello world

2、every() 使用指定函数检测数组中的所有元素  | | some()测试是否至少有一个数组元素能让断言函数为真。(不会改变原数组)

如果数组中有一个元素不满足要求,则整个表达式返回false,且剩余的元素不会再进行检测

如果所有元素都满足条件,则返回true

注意:every不会对空数组进行检测

var num = [2,5,78,96]

function checkNum(num){
return num > 10
} 
fuction my(){
document.querySelector('#id').innerHTML = num.every(checkNum)
}


输出:false

3、filter()返回满足断言函数的数组元素(不会改变原数组)

var nums = [2,5,89,63]

function checkNum(num){
return num > 10
}

function my(){
document.querySelector('#id').innerHTML = nums.filter(checkNum)
}

输出:89,63

4、forEach()为数组的每个元素调用指定函数(不会改变原数组)

<p id="demo"></p>
<button onclick="nums.forEach(my)">点我</button>

var demo = document.querySelector('#demo')
 var nums = [2,6,8,4,5]
 function my(item, index){
  demo.innerHTML = demo.innerHTML + 'index[' + index + ']:' + item + '<br>'
 }

5、indexOf()在数组中查找指定元素(不会改变原数组)

var nums = [2,5,9,6]

var a = nums.indexOf('2')

输出:1

6、join()将数组转换成字符串 | | toString ()将数组转化为字符串。(不会改变原数组)

var fruits = ['banana','apple','orange']

var a = fruits.join()

输出:banana,apple,orange

7、lastIndexOf()数组反向查找(不会改变原数组)

var fruits = ['banana','apple','orange']

var a = fruits.lastIndexOf('orange')

输出:1

8、map()从数组中的元素中,计算出新的数组(不会改变原数组)

var nums = [4,9,16,25]

var a = nums.map(Math.sqrt)

输出:2,3,4,5

9、pop()移除数组最后一个元素 | | shift()移除数组的第一个元素(会改变原数组)

var fruits = ['banana','apple','orange']

fruits.pop()

输出:banana,apple

10、push() 把元素添加到数组尾部 | | unshift()在数组头部插入元素。(会改变原数组)

var fruits = ['banana','apple','orange']

fruits.push('mango')

输出:banana,apple,orange,mango

11、reduce()从数组的元素中,计算出一个值(不会改变原数组)

var nums = [2,5,6,9]

function my(total,num){
return total + num
}

var a = nums.reduce(my)

输出:24

12、reverse()在原数组中颠倒元素的顺序(会改变原数组)

var fruits = ['banana','apple','orange']

fruits.reverse();

输出:orange,apple,banana

13、slice()返回数组的一部分(不会改变原数组)

var fruits = ['banana','apple','orange','mango']

fruits.slice(1,3)

输出:apple,mango

14、sort ()在原数组中对数组元素进行排序。(会改变原数组)

var fruits = ['banana','apple','orange','mango']

fruits.sort();

输出:apple,banana,mango,orange

15、splice()插入、删除或替换数组元素。(会改变原数组)

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

输出: Banana,Orange,Lemon,Kiwi,Apple,Mango

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值