Rumah > hujung hadapan web > tutorial js > 总结js中Array的方法的用法

总结js中Array的方法的用法

不言
Lepaskan: 2018-09-11 15:20:24
asal
1333 orang telah melayarinya

本篇文章给大家带来的内容是关于总结js中Array的方法的用法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

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);
Salin selepas log masuk

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);
Salin selepas log masuk

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);
Salin selepas log masuk

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);
Salin selepas log masuk

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);
Salin selepas log masuk

相关推荐:

javacsript中Array对象方法属性总结

javascript中数组array及string的方法总结_基础知识

Atas ialah kandungan terperinci 总结js中Array的方法的用法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan