javascript的each如何使用

发布时间：2023-10-12 08:54:23 所属栏目：教程来源：未知

导读： 　　这篇文章主要介绍“javascript的each怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“javascript的each怎么使用&r

　　这篇文章主要介绍“javascript的each怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“javascript的each怎么使用”文章能帮助大家解决问题。

　　什么是each？

　　each 是一种循环方法，专门用于遍历数组或对象中的数据。它被作为一个遍历器使用，可以简化循环的编写，并且使得代码更加易于阅读和理解。

　　在JavaScript 中，each 可以使用不同的库或框架提供的方法，例如，jQuery 的 $.each()，Underscore.js 的 _.each()，以及 Lodash 的 _.forEach() 等。本文将以 Lodash 的 each 方法为例进行讲解。

　　如何使用each？

　　对于数组：

　　在使用每个库提供的each方法之前，我们需要引用库或者框架，然后才能使用其中的方法。在Lodash中，我们可以使用以下方式来引入each方法：

　　const _ = require('lodash');

　　接下来，我们可以使用 _.each() 方法来遍历数组，代码如下：

　　let arr = ['apple', 'banana', 'pear'];

　　_.each(arr, function(fruit) {

　　    console.log(fruit);

　　});

　　上面的代码中，我们遍历了一个数组 arr，然后用了一个匿名函数作为回调函数，将每个元素的值输出到控制台。

　　在这个例子中，我们使用了一个匿名函数来打印每个水果。但是我们也可以使用一种更简单的写法来处理上述的例子。例如我们可以使用箭头函数来代替传统的匿名函数:

　　_.each(arr, fruit => console.log(fruit));

　　这种方式更加简洁和易于阅读，并且对于只有一行代码的匿名函数来说，也非常适合使用这种方式进行简化。

　　对于对象：

　　在使用 each 遍历对象时，我们需要修改 each 方法中的参数，例如：

　　let obj = {name: 'Tom', age: 18};

　　_.each(obj, function(value, key) {

　　    console.log(key + ': ' + value);

　　});

　　上面的代码中，我们使用了一个对象 obj，并通过 each 方法遍历了它，并将对象的 key-value 对输出到了控制台。每个对象的键和值将分别传递给回调函数作为参数。

　　valueOf

　　对于 Lodash 的 _.each() 方法，还有一个与默认每个项目处理逻辑不同的方法，它是 valueOf() 方法。如果我们使用 valueOf() 方法，则回调函数规定第一个参数总是要传入 valueOf() 返回的值。例如：

　　let obj = {name: 'Tom', age: 18};

　　_.each(obj, function(value, key) {

　　    console.log(value);

　　}, function() {

　　    return this.age;

　　}.valueOf());

　　上面的代码中，我们使用 valueOf() 方法并在回调函数中返回了对象的年龄。因此，在控制台上，只输出了对象的年龄 18。

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!