js数组的4种遍历方式

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8"/>
 5     <title>数组的遍历方式</title>
 6     <script type="text/javascript">
 7         var arr = [11, 22, 33, 55];
 8         //普通的循环遍历方式
 9         function first() {
10
11             for (var i = 0; i < arr.length; i++) {
12                 console.log("第一种遍历方式\t" + arr[i]);
13             }
14             console.log("111111111111111111111111111111");
15
16
17         }
18         //2、for ..in 遍历方式
19         function second() {
20             // for in 遍历需要两个形参 ，index表示数组的下标(可以自定义)，arr表示要遍历的数组
21             for (var index in arr) {
22                 console.log("第二种遍历方式\t" + arr[index]);
23
24             }
25             console.log("222222222222222222222222222222");
26         }
27
28         //3，很鸡肋的遍历方式
29         function third() {
30             //第一个参数为数组的元素，第二个元素为数组的下标
31             arr.forEach(function (ele, index) {
32                 console.log("第三种遍历方式\t" + arr[index] + "-----" + ele);
33             });
34             console.log("333333333333333333333333333333");
35
36         }
37         //4,for-of遍历方式
38         function forth() {
39             //第一个变量ele代表数组的元素（可以自定义） arr为数组（数据源）
40             for (var ele of arr) {
41                 console.log("第四种遍历方式\t" + ele);
42             }
43             console.log("444444444444444444444444444444");
44         }
45     </script>
46 </head>
47 <body>
48     <input type="button" value="第一种遍历方式" name="aa" onclick="first();"/><br/>
49     <input type="button" value="第二种遍历方式" name="aa" onclick="second();"/><br/>
50     <input type="button" value="第三种遍历方式" name="aa" onclick="third();"/><br/>
51     <input type="button" value="第四种遍历方式" name="aa" onclick="forth();"/><br/>
52 </body>
53 </html>

原文地址：https://www.cnblogs.com/zhumeiming/p/8654924.html

时间： 2024-07-31 13:43:23

js数组的4种遍历方式的相关文章

OC-NSArray数组的三种遍历方式

// // main.m // 818-数组遍历三种方式 // // Created by 邱学伟 on 15/8/18. // Copyright (c) 2015年邱学伟. All rights reserved. // #import <Foundation/Foundation.h> int main(int argc, const char * argv[]) { @autoreleasepool { NSArray *ary = @[@(10),@"lovke"

js中数字的4种遍历方式

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>数组的遍历方式</title> <script type="text/javascript"> var arr = [11,22,33,55]; //普通的循环遍历方式 function first(){ for(var i= 0;i<arr.length;

JS几种遍历方式比较

几种遍历方式比较 for of 循环不仅支持数组.大多数伪数组对象,也支持字符串遍历,此外还支持 Map 和 Set 对象遍历. for in 循环可以遍历字符串.对象.数组,不能遍历 Set/Map forEach 循环不能遍历字符串.对象,可以遍历 Set/Map 原文地址:https://www.cnblogs.com/mahmud/p/10290150.html

数组的三种声明方式总结、多维数组的遍历、Arrays类的常用方法总结

1. 数组的三种声明方式 public class WhatEver { public static void main(String[] args) { //第一种例: String[] test1 = new String[6]; test1[0] = "数组0"; test1[1] = "数组1"; //第二种例: String[] test2 = {"数组0","数组1","数组2","

数组的三种定义方式

// 数组的三种定义方式 var arr = ['zhangsan','lisi','wangwu']; var arr1 = new Array('zhangsan','lisi','wangwu'); var arr2 = new Array(3); arr2[0] = 'zhangsan'; //注意:下标一定要写,不像在php中,下标是可以不写,是一直追加 // console.log(arr2); // 说明:js中,没有关联数组一说,数组下标都是数字 // 如果一个数组的下标是自定义

重温数据结构：二叉树的常见方法及三种遍历方式 Java 实现

读完本文你将了解到: 什么是二叉树 Binary Tree 两种特殊的二叉树满二叉树完全二叉树满二叉树和完全二叉树的对比图二叉树的实现用递归节点实现法左右链表示法表示一个二叉树节点用数组下标表示法表示一个节点二叉树的主要方法二叉树的创建二叉树的添加元素二叉树的删除元素二叉树的清空获得二叉树的高度获得二叉树的节点数获得某个节点的父亲节点二叉树的遍历先序遍历中序遍历后序遍历遍历小结总结树的分类有很多种,但基本都是二叉树的衍生,今天来学习下二

js继承有5种实现方式

js继承有5种实现方式:1.继承第一种方式:对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); } } function Child(username,password){ //通过以下3行实现将Parent的属性和方法追加到Child中,从而实现继承 //第一步:this.method是作为一

List集合中两种遍历方式

遍历List集合中的元素的方法有两种: 第一种:利用迭代器遍历代码1: // 迭代器 Iterator it=list.iterator(); while(it.hasNext()) { System.out.println(it.next()); } 或者代码2: for(Iterator it=list.iterator();it.hasNext();) { System.out.println(it.next()); }// 与while循环相比优点:对象it在循环结束后,变为垃圾,自动

list的四种遍历方式

1.手先增强for循环和iterator遍历的效果是一样的,也就说增强for循环的内部也就是调用iteratoer实现的,但是增强for循环有些缺点,例如不能在增强循环里动态的删除集合内容.不能获取下标等. 2.ArrayList由于使用数组实现,因此下标明确,最好使用普通循环. 3.而对于 LinkedList 由于获取一个元素,要从头开始向后找,因此建议使用增强for循环,也就是iterator. list,map,set的区别 list,map,set的区别 (首先假定小猪都是同一