javascript也支持关联数组?与对象相比是不是存取效率更高?
如题,原来一直误以为js里面不能像php那样定义关联数组,如a["color"]=red;
但是前几天偶然发现可以。
想请教一下这样的定义方式与操作对象相比是不是更高效?两者的后台实现方式是不是不一致呢?
//定义对象
obj={color:"red",name:"apple"};
//关联数组
arr=[];
arr["color"]="red";arr["name"]="apple";
obj=[];obj.push(arr);
回复内容:
如题,原来一直误以为js里面不能像php那样定义关联数组,如a["color"]=red;
但是前几天偶然发现可以。
想请教一下这样的定义方式与操作对象相比是不是更高效?两者的后台实现方式是不是不一致呢?
//定义对象
obj={color:"red",name:"apple"};
//关联数组
arr=[];
arr["color"]="red";arr["name"]="apple";
obj=[];obj.push(arr);
Javascript 的數組也是對象,同時任何對象也可以像數組一樣使用,細節如下。
參見:http://jayconrod.com/posts/52/a-tour-of-v8-object-representation
詳細講解了 V8 的對象實現。
對象的實現分爲兩層:
Named properties: in-object properties and extra properties
Numbered properties: fast elements
而模式有 array mode 和 dictionary mode。一般情況會用 array mode,有時也會降級。
Named properties
in-object properties 使用公共 map 來描述其結構,某些情況(難以共用 map)會降級爲 Dictionary mode。
V8 can handle minor divergences like this just fine, but if your code assigns all sorts of random properties to objects from the same constructor in no particular order, or if you delete properties, V8 will drop the object into dictionary mode, where properties are stored in a hash table. This prevents an absurd number of maps from being allocated.
一個叫做 In-object slack tracking 的過程用來決定對象的大小,其後的屬性作爲 extra properties 使用單獨的數組儲存。
Now I'm sure your next question is, "what happens when a new property is added after in-object slack tracking is complete?" This is handled by allocating an overflow array to store the extra properties. The overflow array can always be reallocated with a larger size as new properties are added.
Numbered properties
其中,fast elements 包括
fast small integers
fast doubles
fast values
然而 fast elements 有時也會降級爲 dictionary mode
If you assign to an index that's way past the end of your the elements array, V8 may downgrade the elements to dictionary mode.
當然由於分開儲存,降級並不會影響到其它類型的屬性。
Because named properties and elements are stored separately, even if an object drops into dictionary mode for elements, named properties may still be accessed quickly (and vice versa).
綜上,把 Array 當作 Associative Array 來用,並不會增加性能。
额。。。浅层次点说,下面2个是'等价'的:
- obj.attr = value
- obj['attr']=value
只不过2里面支持obj['attr'+var]=value,能更加灵活,比如一个循环语句里面。
控制台试试就知道咯
<code>arr=[]; arr["color"]="red";arr["name"]="apple"; console.log(arr); console.log(arr.length); </code>
你这样做其实和使用对象是没有区别的
在javascript中,对象即关联数组,关联数组也即对象。javascript权威指南对象章节有说。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

PHP 8.4 帶來了多項新功能、安全性改進和效能改進,同時棄用和刪除了大量功能。 本指南介紹如何在 Ubuntu、Debian 或其衍生版本上安裝 PHP 8.4 或升級到 PHP 8.4

Visual Studio Code,也稱為 VS Code,是一個免費的原始碼編輯器 - 或整合開發環境 (IDE) - 可用於所有主要作業系統。 VS Code 擁有大量針對多種程式語言的擴展,可以輕鬆編寫

本教程演示瞭如何使用PHP有效地處理XML文檔。 XML(可擴展的標記語言)是一種用於人類可讀性和機器解析的多功能文本標記語言。它通常用於數據存儲

JWT是一種基於JSON的開放標準,用於在各方之間安全地傳輸信息,主要用於身份驗證和信息交換。 1.JWT由Header、Payload和Signature三部分組成。 2.JWT的工作原理包括生成JWT、驗證JWT和解析Payload三個步驟。 3.在PHP中使用JWT進行身份驗證時,可以生成和驗證JWT,並在高級用法中包含用戶角色和權限信息。 4.常見錯誤包括簽名驗證失敗、令牌過期和Payload過大,調試技巧包括使用調試工具和日誌記錄。 5.性能優化和最佳實踐包括使用合適的簽名算法、合理設置有效期、

字符串是由字符組成的序列,包括字母、數字和符號。本教程將學習如何使用不同的方法在PHP中計算給定字符串中元音的數量。英語中的元音是a、e、i、o、u,它們可以是大寫或小寫。 什麼是元音? 元音是代表特定語音的字母字符。英語中共有五個元音,包括大寫和小寫: a, e, i, o, u 示例 1 輸入:字符串 = "Tutorialspoint" 輸出:6 解釋 字符串 "Tutorialspoint" 中的元音是 u、o、i、a、o、i。總共有 6 個元

靜態綁定(static::)在PHP中實現晚期靜態綁定(LSB),允許在靜態上下文中引用調用類而非定義類。 1)解析過程在運行時進行,2)在繼承關係中向上查找調用類,3)可能帶來性能開銷。

PHP的魔法方法有哪些? PHP的魔法方法包括:1.\_\_construct,用於初始化對象;2.\_\_destruct,用於清理資源;3.\_\_call,處理不存在的方法調用;4.\_\_get,實現動態屬性訪問;5.\_\_set,實現動態屬性設置。這些方法在特定情況下自動調用,提升代碼的靈活性和效率。
