JS获取对象的长度

发布时间：2023-05-18

一、获取对象的长度

在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属性获取该数组的长度，即列表的长度。

推荐文章