欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

详解js中Array的方法及技巧

程序员文章站 2022-03-22 08:21:29
js array的一些方法在实际中很常用,这里整理记录下来,一是为了常常回顾,二也是方便大家 map map():返回一个新的array,每个元素为调用function...

js array的一些方法在实际中很常用,这里整理记录下来,一是为了常常回顾,二也是方便大家

map

map():返回一个新的array,每个元素为调用function的结果

语法: array.map(function(currentvalue,index,arr), thisvalue)

举例:

var numbers = [65, 44, 12, 4], changedvalue;
function multiplyarrayelement(num) {
 return num * 2;
}
(function myfunction() {
 changedvalue = numbers.map(multiplyarrayelement);
})()
console.log(changedvalue);

filter 

filter():返回一个符合function条件的元素数组

语法: array.filter(function(currentvalue,index,arr), thisvalue)

举例:

var ages = [32, 33, 16, 40], changedvalue; 
function checkadult(age) {
 return age >= 18;
}
(function myfunction() {
 changedvalue = ages.filter(checkadult);
})()
console.log(changedvalue);

some

some():返回一个boolean,判断是否有元素是否符合function条件

语法: array.some(function(currentvalue,index,arr),thisvalue)

举例:

var ages = [3, 10, 18, 20], changedvalue;
function checkadult(age) {
 return age >= 18;
}
(function myfunction() {
 changedvalue = ages.some(checkadult);
})()
console.log(changedvalue);

every

every():返回一个boolean,判断每个元素是否符合function条件

语法: array.every(function(currentvalue,index,arr), thisvalue)

举例:

var ages = [32, 33, 16, 40], changedvalue;
function checkadult(age) {
 return age >= 18;
}
(function myfunction() {
 changedvalue = ages.every(checkadult);
})()
console.log(changedvalue);

foreach

foreach():没有返回值,只是针对每个元素调用function

语法: array.foreach(function(currentvalue, index, arr), thisvalue)

举例:

var numbers = [4, 9, 16, 25],changedvalue;
function myfunction(item, index, arr) {
 arr[index] = item + 1; 
}
numbers.foreach(myfunction);
console.log(numbers);