js forEach for區別

阿新 • • 發佈：2018-09-03

view false ext 使用 viewport 區別 ble tcs col

1、循環中斷差別

具體見示例代碼：

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title 
>js for forEach區別 </title>
    </head>

    <body>
        <script src="https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js"></script>
        <script type="text/javascript">
            let arr = [1, 2, 3, 4]
            for(let i = 0; i < arr.length; i++) {
                 
if(arr[i] == 2) {
                    continue;
                    //break;
                }
                console.log(arr[i], ‘  for‘)
            }
            for(let i in arr) {
                if(i == 2) {
                    break;
                }
                console.log(arr[i],  
‘   for in‘)
            }
            for(let i of arr) {
                if(i == 2) {
                    break;
                }
                console.log(i, ‘   for of‘)
            }
            arr.forEach(val => {
                if(val == 2) {
                    //此處的return false 僅僅相當於continue
                    return false;
                    //break或者continue均不能使用 會報錯，對於map filter方法一樣會報錯
                    //break;
                    //continue
                }
                console.log(val, ‘   forEach‘)
            })
        </script>
    </body>

</html>

數組的叠代方法：every、filter、forEach、map、some均不能使用break或者continue進行中斷循環。

2、數組變化時差別

（1）數組添加操作

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>js for forEach區別 </title>
    </head>

    <body>
        <script src="https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js"></script>
        <script type="text/javascript">
            let arr = [1, 2, 3, 4]
            for(let i = 0; i < arr.length; i++) {
                if(arr[i] == 2) {
                    //對於添加時，for可以遍歷新數組
                    arr.push(5)
                }
                // 輸出1 2 3 4 5
                console.log(arr[i], ‘  for‘)
            }

            arr.forEach(val => {
                if(val == 2) {
                    //對於添加時，forEach
                    arr.push(5)
                }
                // 輸出1 2 3 4 5
                console.log(val, ‘   forEach‘)
            })
        </script>
    </body>

</html>

（2）數組更新、刪除操作

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>js for forEach區別 </title>
    </head>

    <body>
        <script src="https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js"></script>
        <script type="text/javascript">
            let arr = [1, 2, 3, 4]
            for(let i = 0; i < arr.length; i++) {
                if(arr[i] == 2) {
                    //對於更新、刪除時，for可以遍歷新數組
                    arr[1] = 100
                    //arr.splice(i,1)
                }
                // 輸出1 100 3 4
                console.log(arr[i], ‘  for‘)
            }

            arr.forEach((val, i) => {
                if(val == 2) {
                    //對於更新、刪除時，forEach可以遍歷新數組
                    val = 100
                    //arr.splice(i,1)
                }
                // 輸出1 100 3 4
                console.log(val, ‘   forEach‘)
            })
        </script>
    </body>

</html>

js forEach for區別

view false ext 使用 viewport 區別 ble tcs col 1、循環中斷差別具體見示例代碼： <!DOCTYPE html> <html lang="zh"> <head>

js遍歷for,forEach,for-in,for-of之間的區別

在js中經常要是用for迴圈遍歷陣列,物件;那for, forEach, for in, for of,之間有什麼區別呢? let arr = [1,2,3,4,5] a.a = 'a' for 原始的遍歷方法程式設計式 for(var i =

JS中的forEach,for in,for of和for的遍歷優缺點及區別

let 循環返回函數容易字符下標 oob 使用 forEach：（可以三個參數，第一個是value，第二個是index，第三個是數組體）缺點：不能同時遍歷多個集合，在遍歷的時候無法修改和刪除集合數據，

c# for 和 foreach 的區別

pan copy strong string each 標定 lba log 實現 foreach 能夠進行foreach的類型結構，都必須實現IEnumerable接口。 IEnumerable接口，有一個GetEnumerator的方法，返回一個實現IEnumera

js對比for、forEach、map遍歷數組速度

.get bsp 數組 console col star index -s reac p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 19.0px Consolas; color: #6b82d9 } p.p2 { margin:

js 中forEach for in for of

ForEach和map的區別相同點：都是迴圈遍歷陣列中的每一項 forEach和map方法裡每次執行匿名函式都支援3個引數，引數分別是item（當前每一項）、index（索引值）、arr（原陣列）匿名函式中的this都是指向window 只能遍歷陣列不同點

JS中 for in 與 for of的區別

最直接的區別就是: for in遍歷的是陣列的索引（即鍵名），而for of遍歷的是陣列元素值。 Array.prototype.method=function(){} var myArray=[1,2,4]; myArray.name="陣列"; for (var

for迴圈和foreach的區別

//定義一個list集合 List<String> list=new ArrayList<String>(); list.add("aaa"); list.add("bbb"); list.add("ccc"); list.add(

java中for和foreach的區別

普通for迴圈 for(int i=0;i<list.size();i++){ System.out.println(list.get(i)); list.remove(i);

從原始碼角度看for迴圈和foreach的區別

for迴圈和foreach的區別關於for迴圈和foreach的區別，你真的知道，用了那麼多年使用起來已經很熟悉了，可突然問我講講這兩的區別，一下還真把我給卡住了一下，下面從原始碼的角度簡單分析一

簡述js中 for in 與 for of 區別

for in是ES5標準，遍歷key. for of是ES6標準，遍歷value. for (var key in arr){ console.log(arr[key]); } for

js--語法--for和for-in；訪問物件的屬性.和[]的區別

1.for js中for迴圈一般用於遍歷陣列 //前提：cars是個陣列 for (var i=0;i<cars.length;i++){ document.write(cars[i] + "<br>"); } 2.fo

JS中Map和ForEach的區別

如果你已經有使用JavaScript的經驗，你可能已經知道這兩個看似相同的方法：Array.prototype.map()和Array.prototype.forEach()。那麼，它們到底有什麼區別呢？定義我們首先來看一看MDN上對Map和ForEach的定義：forEac

js中for、$.each、 forEach，while的對比和break，continue使用

js中的迴圈 for 原始但有一點繁瑣， $.each jQ提供的for函式 forEach es5提供的方法跳出迴圈 for => break; $.each =>

for in、for of、forEach的區別

forEach forEach（）是陣列的一個方法，用於遍歷陣列的每一項，並對每一項執行一個callback函式。 forEach（）沒有返回值，返回值總是undefined。 let a = ["a","b","c"]; a.forEach(functi

IL角度理解for 與foreach的區別——迭代器模式

# IL角度理解for 與foreach的區別——迭代器模式 [toc] ## 1 最常用的設計模式 ### 1.1 背景如果問你最常用的設計模式是哪種？你可能會說單例模式，工廠模式。但根據我在專案裡的經驗，一個完整的應用，應該是迭代器模式。 ### 1.2 摘要 + 本文不講怎麼去實現迭代器模

foreach for循環

foreach bsp nbsp data art start value for循環 [] var StartOrgData[]; for (var i in StartOrgData) { if (StartOrgData[i].org_id == val

js == 與 === 的區別[轉]

tro ber key 進行 nbsp 如果不同 num false we文章轉自http://blog.sina.com.cn/s/blog_4b32835b01014iv9.html 1、對於string,number等基礎類型，==和===是有區別的 1）不同類型間

js forEach

pos track function nbsp bsp trac 數組元素 turn ack forEach()函數從頭到尾把數組遍歷一遍。有三個參數各自是：數組元素。元素的索引，數組本身（假設是一個參數就是數組元素，也就是數組的

PHP基礎與JS操作的區別

整型多個 time isn 字符串拼接 ech 函數操作 bool 　　嵌入頁面方式　　JS嵌入方式：<script></script> 　　PHP嵌入方式：<?php 　　　　　　　　　　?>(常用) 　　輸出語法 Javascr

js forEach for區別

相關推薦