JavaScript数组迭代方法：forEach(),map(),filter(),reduce(),every(),some(),indexOf(),lastIndexOf(),find()

最新推荐文章于 2022-04-18 20:32:50 发布

风和雨呀~

最新推荐文章于 2022-04-18 20:32:50 发布

阅读量229

点赞数

分类专栏： JavaScript学习笔记

本文链接：https://blog.csdn.net/qq_43968060/article/details/114392313

版权

JavaScript学习笔记专栏收录该内容

30 篇文章 0 订阅

订阅专栏

JavaScript数组迭代方法

1.`Array.forEach()`

forEach()方法为每个数组元素调用一次函数（回调函数）
该函数接收三个参数：项目值，项目索引，数组本身。

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
    <p id="demo"></p>
</body>
<script>
    var number = ["1", "31", "311", "43", "23"];
    var txt = "";
    number.forEach(myFunction);
    document.getElementById("demo").innerHTML = txt;
    function myFunction(value, index, array) {
        txt = txt + value + "<br>";
    }
</script>
</html>

2.`Array.map()`

map() 方法通过对每个数组元素执行函数来创建新数组。
map() 方法不会对没有值的数组元素执行函数。
map() 方法不会更改原始数组。
map()函数有三个参数：项目值，项目索引，数组本身。

<body>
<p id="demo"></p>
<script>
var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);
document.getElementById("demo").innerHTML = numbers2;

function myFunction(value, index, array) {
  return value * 4;
}
</script>
</body>

3.`Array.filter()`

filter() 方法创建一个包含通过测试的数组元素的新数组。
filter()函数有三个参数：项目值，项目索引，数组本身。

var numbers = [45, 4, 9, 16, 25];
var over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}
console.log(over18);

4.`Array.reduce()`

reduce() 方法在每个数组元素上运行函数，以生成（减少它）单个值。
reduce() 方法在数组中从左到右工作。另请参见 reduceRight（）。
reduce() 方法不会减少原始数组。
reduce()函数接受了四个参数：总数（初始值/先前返回的值）
reduce()方法可以接受一个初始值（myfunction,100）