用过Underscore的朋友都知道，它对数组（集合）的遍历有着非常完善的API可以调用的，_.each()就是其中一个。下面就是一个简单的例子：
var arr = [1, 2, 3, 4, 5];
_.each(arr, function(el) {
console.log(el);
});
上面的代码会依次输出1， 2， 3， 4， 5，是不是很有意思，遍历一个数组连for循环都不用自己写了。_.each()方法遍历数组非常好用，但是它的内部实现一点都不难。下面就一起来看看到底是如何实现_.each()的。在这之前，我们先来看看_.each()的API。_.each()的一般是如下调用的：
_.each(arr, fn, context);
它接收3个参数，
第一个是需要遍历的数组（其实是对象也是可以的，这个后面我们再一起来讨论）；
第二个是它的回调函数（这个回调函数可以传入3个参数,如：function(el, i, arr)，分别是当前元素、当前索引和原数组）；
第三个是回调函数需要绑定到的上下文，即指定回调函数fn的this值。
好啦，需求已经非常明确了，开始干活啦！
我们先来实现一个最简单的_.each()，它不能够修改上下文this的，接收两个参数，代码如下：
var _ = {}; // 假设这就是underscore哈
// 一个最简单的_.each方法的实现
_.each = function(arr, fn) {
for(var i = 0; i < arr.length; i++) {
fn(arr[i], i, arr);
}
return arr; // 把原数组返回
}
怎么样？是不是很简单呢？只是用一个for循环，不停的调用回调函数即可，短短几行代码就搞定了，相信没有朋友看不懂的哈！下面我们来测试一下看能不能正常工作：
var arr = [1, 2, 3, 4, 5];
_.each(arr, function(el, i, arr) {
console.log(el);
});
在浏览器打开，然后控制台就会看到有正确的输出了。
这么简单的代码一点意思也没有，接下来看一个比较有点挑战性的例子哈。比如，数组arr有个sum属性，我们需要把数组所有的元素求和之后存放到sum里面，如下：
var arr = [1, 2, 3, 4, 5];
arr.sum = 0; // sum属性用来存放数组元素之和
_.each(arr, function(el, i, arr) {
this.sum += el;
});
这时候，回调函数里面用到了this，如果不绑定的话，this默认就是window，这不是我们想要的，我们希望它绑定到数组arr上面。call或者apply可以实现这个功能，代码如下：
var _ = {}; // 假设这就是underscore哈
// bind，接收两个参数fn和context
// 把fn绑定到context上面
var bind = function(fn, context) {
context = context || null;
return function(el, i, arr) {
fn.call(context, el, i, arr);
}
}
// _.each
_.each = function(arr, fn, context) {
// 调用bind方法，把fn绑定到context上面
fn = bind(fn, context);
for(var i = 0; i < arr.length; i++) {
fn(arr[i], i, arr);
}
return arr;
}
// 测试用例：
var arr = [1, 2, 3, 4, 5];
arr.sum = 0; // sum属性用来存放数组元素之和
_.each(arr, function(el, i, arr) {
this.sum += el;
}, arr);
console.log(arr.sum); // 15
好啦，这个_.each()已经足够强大了，可以正常遍历数组，还可以任意指定this值改变回调函数的上下文。但是，我们前面有提到过，Underscore的_.each()还可以遍历对象的 ，这个实现也不难，只要判断一下传入的第一个参数是对象还是数组，如果是数组就像我们一样遍历，否则如果是对象，使用对象的for...in循环遍历就行了。有兴趣的可以自己试试，或者看看underscore的源码。
注意：自从ES5标准以来，原生数组就已经具有了Array.prototype.forEach、Array.prototype.Map等遍历方法了，在项目中可以使用原生的。
以上所述是小编给大家介绍的深入浅析JS的数组遍历方法(推荐)的全部叙述，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
js数组遍历
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。