JS獲取對象的長度

一、獲取對象的長度

在JavaScript中,我們可以使用Object類的keys()方法來獲取一個對象的所有鍵名,再使用length屬性來獲取該對象的長度。

    const obj = {name: "Tom", age: 18, gender: "male"};
    const keys = Object.keys(obj);  // 獲取所有鍵名
    const len = keys.length;   // 獲取對象的長度
    console.log(len);   // 輸出 3

上述代碼中,我們先定義了一個名為obj的對象,該對象有三個屬性,分別為name、age、gender,然後使用Object.keys()方法獲取該對象的所有鍵名,得到一個由三個字符串組成的數組,最後使用length屬性獲取該數組的長度,即對象的長度。

二、JS獲取對象的key

在JavaScript中,我們使用for…in循環可以遍歷一個對象的所有鍵名,從而獲取該對象的所有鍵值。

    const obj = {name: "Tom", age: 18, gender: "male"};
    for (const key in obj) {
        console.log(`key = ${key}, value = ${obj[key]}`);
    }

上述代碼中,我們先定義了一個名為obj的對象,然後使用for…in循環遍歷該對象的所有鍵名,將鍵名和對應的鍵值輸出。

三、JS對象的長度

在JavaScript中,除了可以使用Object類的keys()方法和length屬性來獲取Object對象的長度外,還可以使用Object類的getOwnPropertyNames()方法來獲取Object對象的所有屬性名,再使用length屬性來獲取Object對象的長度。

    const obj = {name: "Tom", age: 18, gender: "male"};
    const props = Object.getOwnPropertyNames(obj);  // 獲取所有屬性名
    const len = props.length;   // 獲取對象的長度
    console.log(len);   // 輸出 3

上述代碼中,我們先定義了一個名為obj的對象,然後使用Object.getOwnPropertyNames()方法獲取該對象的所有屬性名,得到一個由三個字符串組成的數組,最後使用length屬性獲取該數組的長度,即對象的長度。

四、JS數組對象的長度

在JavaScript中,我們通常使用Array類來表示數組,而獲取數組對象的長度可以使用length屬性。

    const arr = [1, 2, 3];
    const len = arr.length;   // 獲取數組對象的長度
    console.log(len);   // 輸出 3

上述代碼中,我們先定義了一個名為arr的數組,包含了三個整數元素,然後使用length屬性獲取該數組對象的長度。

五、JS獲取長度

在JavaScript中,我們還可以使用字符串和Map類的size屬性來獲取它們的長度。

    // 獲取字符串的長度
    const str = "Hello World!";
    const len1 = str.length;

    // 獲取Map的長度
    const map = new Map([[1, "one"], [2, "two"], [3, "three"]]);
    const len2 = map.size;

    console.log(len1);   // 輸出 12
    console.log(len2);   // 輸出 3

上述代碼中,我們先分別定義了一個字符串和一個Map對象,然後使用length屬性獲取字符串的長度,使用size屬性獲取Map對象的長度。

六、JS獲取JSON對象長度

在JavaScript中,JSON對象本質上是一個字符串,我們可以使用JSON.parse()方法將JSON字符串轉換成一個JavaScript對象,然後使用上述方法獲取該對象的長度。

    const jsonStr = '{"name":"Tom","age":18,"gender":"male"}';
    const jsonObj = JSON.parse(jsonStr);
    const keys = Object.keys(jsonObj);
    const len = keys.length;
    console.log(len);   // 輸出 3

上述代碼中,我們先定義了一個JSON字符串,然後使用JSON.parse()方法將該字符串轉換成一個名為jsonObj的JavaScript對象,再使用上述方法獲取該對象的長度。

七、對象的長度怎麼獲取

在JavaScript中,我們可以根據對象的類型使用不同的方法獲取對象的長度,具體見上述各小節。

八、JS獲取列表長度

在JavaScript中,我們通常使用數組來表示列表,而獲取列表的長度可以使用數組對象的length屬性。

    const list = ["apple", "banana", "orange"];
    const len = list.length;   // 獲取列表的長度
    console.log(len);   // 輸出 3

上述代碼中,我們先定義了一個名為list的數組,包含了三個字符串元素,然後使用length屬性獲取該數組的長度,即列表的長度。

原創文章,作者:IAUC,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/142130.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
IAUC的頭像IAUC
上一篇 2024-10-10 08:47
下一篇 2024-10-10 08:47

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • 面向對象編程、類和對象

    面向對象編程(Object-Oriented Programming, OOP)是一種編程方法,它將現實世界中的事物抽象為對象(Object),對象的屬性和方法被封裝成類(Clas…

    編程 2025-04-29
  • 解析js base64並轉成unit

    本文將從多個方面詳細介紹js中如何解析base64編碼並轉成unit格式。 一、base64編碼解析 在JavaScript中解析base64編碼可以使用atob()函數,它會將b…

    編程 2025-04-29
  • Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的解決方法

    本文將解決Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的問題。同時,給出一些相關示例代碼,以幫助讀者更好的理解並處理這個問題。 一、問題解…

    編程 2025-04-29
  • t3.js:一個全能的JavaScript動態文本替換工具

    t3.js是一個非常流行的JavaScript動態文本替換工具,它是一個輕量級庫,能夠很容易地實現文本內容的遞增、遞減、替換、切換以及其他各種操作。在本文中,我們將從多個方面探討t…

    編程 2025-04-28
  • Python列表長度怎麼算

    本文將從以下多個方面闡述Python列表長度的計算方式,包括len()函數、循環遍歷、切片、列表推導式等。 一、使用len()函數計算列表長度 計算列表長度最常見的方法是使用Pyt…

    編程 2025-04-28
  • Mapster:一個高性能的對象映射庫

    本文將深入介紹furion.extras.objectmapper.mapster,一個高性能的對象映射庫,解釋它是如何工作的以及如何在你的項目中使用它。 一、輕鬆地實現對象之間的…

    編程 2025-04-28
  • Python queue長度用法介紹

    本文將從多個方面詳細闡述Python queue長度問題,包括隊列長度的定義、如何獲取隊列長度、隊列滿時如何處理以及常見的隊列長度問題。同時,本文也會提供完整的Python代碼示例…

    編程 2025-04-28
  • Python返回對象類型

    Python是一種動態、解釋型、高級編程語言。Python是一種面向對象的語言,即所有的一切都是一個對象。 一、基本類型 Python中的基本類型有整數int、浮點數float、布…

    編程 2025-04-28
  • JS圖片沿着SVG路徑移動實現方法

    本文將為大家詳細介紹如何使用JS實現圖片沿着SVG路徑移動的效果,包括路徑製作、路徑效果、以及實現代碼等內容。 一、路徑製作 路徑的製作,我們需要使用到SVG,SVG是可縮放矢量圖…

    編程 2025-04-27

發表回復

登錄後才能評論