js中for,forEach,for in,for of的简单实例对比

不念不忘少年蓝@ 2023-03-03 11:19 16阅读 0赞

## **1. for 遍历数组** ##

let array = [1,2,3,4,5];  
    for (var i = 0; i < array.length; i++) {  
        console.log(i,array[i]);  
        console.log(typeof i)
    }  
    // 打印结果  注意这里的i也就是数组index打印的类型是number
    0 1
    number
    1 2 
    number
    2 3
    number
    3 4
    number
    4 5
    number

## **2. for in 遍历数组** ##

let array = [1,2,3,4,5];  
    for(let i in array) {  
        console.log(i,array[i]);  
        console.log(typeof i)
    };  
    // 打印结果 注意这里的i也就是数组index打印的类型是string
    0 1
    string
    1 2 
    string
    2 3
    string
    3 4
    string
    4 5
    string
    ----------------------------------------------------
    // for in也可以遍历键值对形式数组
    let newArr = {
        1:'a',
        2:'b',
        3:'hi',
        4: 100};  
    for(let k in newArr) {  
        console.log(k,newArr[k]);  
    } 
    // 打印结果
    1 a
    2 b
    3 hi
    4 100

## **3. forEach 遍历数组** ##

let array = [1,2,3,4,5];  
    array.forEach((v) => {
        console.log(v)
    })
    // 打印结果1 2 3 4 5
    ------------------------------------------
    // forEach可以简单操作数组项
    array.forEach((v) => {
        console.log(v*2)
    })
    // 打印结果2 4 6 8 10

## **4. for of ES6新增的** ##

let array = [1,2,3,4,5];  
    for(let v of array) {  
        console.log(v);  
    };  
    // 打印结果1 2 3 4 5
    ------------------------------------------
    // for of 可以遍历字符串
      let string = "ni hao"; 
      for(let k of string) {  
      console.log(k); 
     }
    // 打印结果 n i  h a o 注意i和h之间也把空格打印出来了

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java中的字符串连接性能对比实例

在Java中，我们有多种方法来连接字符串，如`+`运算符、`concat()`方法等。以下是这些方式在处理大量字符串时的性能对比： 1. **+** 运算符： ```java

柔光的暖阳◎/ 2024年10月09日 19:51/ 0 赞/ 130 阅读

相关 Java中继承和接口的实例对比

在Java编程中，继承和接口是两种不同的设计模式。 1. 继承：继承是类与类之间的关系。一个类可以继承另一个类的所有属性和方法。例如： ```java // 父类

痛定思痛。/ 2024年09月23日 00:01/ 0 赞/ 132 阅读

相关 PO DTO的简单对比

*PO**（Persistent Object）：持久化对象，它跟持久层（通常是关系型数据库）的数据结构形成一一对应的映射关系，如果持久层是关系型数据库，那么，数据表中的...

深藏阁楼爱情的钟/ 2024年04月17日 05:32/ 0 赞/ 102 阅读

相关 SQL中LIKE和REGEXP简单对比

一、在SQL中，LIKE和REGEXP是用于模式匹配的两种不同语法。它们用于在数据库查询中匹配符合特定模式的字符串。 1.LIKE 是SQL中用于模糊匹配的运算符，它使

叁歲伎倆/ 2023年10月16日 12:35/ 0 赞/ 86 阅读

相关 js中for,forEach,for in,for of的简单实例对比

1. for 遍历数组 let array = [1,2,3,4,5]; for (var i = 0; i < array.length; i++)

不念不忘少年蓝@/ 2023年03月03日 11:19/ 0 赞/ 17 阅读

相关 js中的简单排序

js\_冒泡排序： <html> <head> <meta charset="utf-8"> <title>js_冒泡排序</title>

迈不过友情╰/ 2022年08月03日 14:59/ 0 赞/ 91 阅读

相关 jquery.validate.js简单实用实例

<!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery.v

﹏ヽ暗。殇╰゛Y/ 2022年07月16日 02:55/ 0 赞/ 247 阅读

相关 js中join()与 split()的对比

数组的一些方法： 1.join()和split()方法 <script type="text/javascript"> var x; var a=new Arr

红太狼/ 2022年05月14日 12:12/ 0 赞/ 338 阅读

相关 JS中Array()和Array.of()的区别

`Array()` Array()是构造方法。 `a = new Array(1, 2, 3);` `a = Array(1, 2, 3);` // `new`可

痛定思痛。/ 2022年02月21日 01:11/ 0 赞/ 431 阅读

相关 js 时间对比

https://www.cnblogs.com/xiangsj/p/7977325.html http://www.jb51.net/article/45560.htm

末蓝、/ 2021年12月22日 05:19/ 0 赞/ 437 阅读