数组常用方法
Posted jeff-zhu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数组常用方法相关的知识,希望对你有一定的参考价值。
检测数组元素方法
filter() 方法
var ages = [32, 33, 16, 40];
function checkAdult(age)
return age >= 18;
function myFunction()
document.getElementById("demo").innerhtml = ages.filter(checkAdult);
输出结果为: 32,33,40
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测。
注意: filter() 不会改变原始数组。
every方法
var ages = [32, 33, 16, 40];
function checkAdult(age)
return age >= 18;
function myFunction()
document.getElementById("demo").innerHTML = ages.every(checkAdult);
如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
如果所有元素都满足条件,则返回 true。
注意: every() 不会对空数组进行检测。
注意: every() 不会改变原始数组。
find方法
var ages = [3, 10, 18, 20];
function checkAdult(age)
return age >= 18;
function myFunction()
document.getElementById("demo").innerHTML = ages.find(checkAdult);
输出结果:18
find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。
find() 方法为数组中的每个元素都调用一次函数执行:
当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined
注意 : find() 并没有改变数组的原始值。
注意: find() 并没有改变数组的原始值。
findIndex() 方法
var ages = [3, 10, 18, 20];
function checkAdult(age)
return age >= 18;
function myFunction()
document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
// 原理同find 返回元素下标
includes() 方法 es6
includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。
some() 方法
var ages = [3, 10, 18, 20];
function checkAdult(age)
return age >= 18;
function myFunction()
document.getElementById("demo").innerHTML = ages.some(checkAdult);
some() 方法
some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
some() 方法会依次执行数组的每个元素:
如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素,则返回false。
注意: some() 不会对空数组进行检测。
注意: some() 不会改变原始数组。
数组排序
sort() 方法用于对数组的元素进行排序。
排序顺序可以是字母或数字,并按升序或降序。
默认排序顺序为按字母升序。
注意: 这种方法会改变原始数组!。
var points = [40,100,1,5,25,10];
points.sort(function(a,b)return a-b);
输出结果:1,5,10,25,40,100
数组转换为字符串
join()
join() 方法用于把数组中的所有元素转换一个字符串。
元素是通过指定的分隔符进行分隔的。如果省略该参数,则使用逗号作为分隔符。
toString() 方法
toString() 方法可把数组转换为字符串,并返回结果。
注意: 数组中的元素之间用逗号分隔。
数组每个元素都处理通过通过函数
forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
注意: forEach() 对于空数组是不会执行回调函数的。
map() 方法
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。
数组添加删除
splice() 方法
splice() 方法用于添加或删除数组中的元素。
注意:这种方法会改变原始数组。
以上是关于数组常用方法的主要内容,如果未能解决你的问题,请参考以下文章