Javascript數(shù)組的“字符串”索引 & for…in 和 for…of的區(qū)別

mo0n1andin 發(fā)布于2019-08-20 17:50 / 1388人閱讀

摘要：中的數(shù)組是沒有字符串索引的，形如只是在對象上添加了屬性。本來有幾個例子，然而搜到了的文檔，所以摘一點(diǎn)下面摘自循環(huán)會遍歷一個對象上面的所有屬性。語法是針對集合的，而不是所有的對象。它會遍歷定義了屬性的集合的所有元素。

TL;DR：js中的數(shù)組是沒有“字符串”索引的，形如array["b"] = someValue只是在array對象上添加了屬性。

本來有幾個例子，然而搜到了MDN的文檔，所以摘一點(diǎn)：

下面摘自MDN
Difference between for...of and for...in

The for...in loop will iterate over all enumerable properties of an object.

for in 循環(huán)會遍歷一個對象上面的所有enumerable屬性。

The for...of syntax is specific to collections, rather than all objects. It will iterate in this manner over the elements of any collection that has a [Symbol.iterator] property.

for of 語法是針對集合的，而不是所有的對象。它會遍歷定義了[Symbol.iterator]屬性的集合的所有元素。

The following example shows the difference between a for...of loop and a for...in loop.

MDN的例子如下：

Object.prototype.objCustom = function() {}; 
Array.prototype.arrCustom = function() {};

let iterable = [3, 5, 7];
iterable.foo = "hello";

for (let i in iterable) {
  console.log(i); // logs 0, 1, 2, "foo", "arrCustom", "objCustom"
}

for (let i of iterable) {
  console.log(i); // logs 3, 5, 7
}

GPU云服務(wù)器云服務(wù)器 for和while的區(qū)別 for...of java for索引 for-in js

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/83911.html

相關(guān)文章

JavaScript數(shù)組

摘要：與稀疏數(shù)組對立的為密集數(shù)組，密集數(shù)組的索引會被持續(xù)的創(chuàng)建，并且其元素的數(shù)量等于其長度。創(chuàng)建一個長度為的數(shù)組，并初始化了個元素使用構(gòu)造函數(shù)創(chuàng)建數(shù)組對象的時候，關(guān)鍵字是可以省略的。另外使用和刪除元素是影響數(shù)組的長度的。說明：本文只總結(jié)了JavaScript數(shù)組在web端的行為，不包括NodeJs端的行為。本文不涉及類型化數(shù)組（TypedArray）的討論、總結(jié)。一、什么是數(shù)組數(shù)組的定...

HtmlCssJs 2019-08-23 10:23 評論0 收藏0
js&amp;jq面試筆記(下)

摘要：面試筆記，該部分為下部分。構(gòu)造函數(shù)模式使用自定義的構(gòu)造函數(shù)與普通函數(shù)一樣，只是用它來創(chuàng)建對象，定義對象類型如的屬性和方法。使用原型來添加屬性共享一個原型對象的方法原型是指向原型對象的，這個原型對象與構(gòu)造函數(shù)沒有太大關(guān)系，唯一的關(guān)系 js&jq面試筆記，該部分為下部分。字符串相關(guān) 1、定義一個方法，用于將string中的每個字符之間加一個空格，并輸出如：hello -> h e l ...

xinhaip 2019-08-23 10:41 評論0 收藏0
溫故js系列（16）-數(shù)組&amp;數(shù)組方法使用詳解

摘要：創(chuàng)建數(shù)組數(shù)組字面量數(shù)組構(gòu)造函數(shù)參數(shù)為數(shù)組建議使用數(shù)組字面量方式，性能好，代碼少，簡潔，畢竟代碼少。數(shù)組判斷方法用來判斷某個值是否為。的這是最簡潔最直接的遍歷數(shù)組元素的語法。把數(shù)組轉(zhuǎn)換為本地數(shù)組，并返回結(jié)果。前端學(xué)習(xí)：前端教程&開發(fā)模塊化/規(guī)范化/工程化/優(yōu)化&工具/調(diào)試&值得關(guān)注的博客/Git&面試-前端資源匯總歡迎提issues斧正：數(shù)組&數(shù)組方法使用詳解 Array對象之前一...

morgan 2019-08-20 11:25 評論0 收藏0
JS 數(shù)組循環(huán)遍歷方法的對比

摘要：循環(huán)方法方法不改變原數(shù)組方法會給原數(shù)組中的每個元素都按順序調(diào)用一次函數(shù)。篩選出過濾出數(shù)組中符合條件的項(xiàng)組成新數(shù)組代碼方法方法為數(shù)組中的每個元素執(zhí)行一次函數(shù)，直到它找到一個使返回表示可轉(zhuǎn)換為布爾值的值的元素。 showImg(https://segmentfault.com/img/bV2QTD?w=1600&h=500); 前言 JavaScript 發(fā)展至今已經(jīng)發(fā)展出多種數(shù)組的循環(huán)遍...

BlackFlagBin 2019-08-26 11:31 評論0 收藏0
Java編程基礎(chǔ)14——常見對象_StringBuffer&amp;數(shù)組排序&amp;包裝類

摘要：提供了排序，查找等功能。常用操作常用的操作之一用于基本數(shù)據(jù)類型與字符串之間的轉(zhuǎn)換。 1_StringBuffer類的概述 A:StringBuffer類概述通過JDK提供的API，查看StringBuffer類的說明線程安全的可變字符序列 (一個類似于 String 的字符串緩沖區(qū)，但不能修改 : 不能像String那樣用 + 連接來修改String) B:String...

banana_pi 2019-08-19 11:10 評論0 收藏0