掌握 JavaScript 中的数组、对象和字符串大小

简介

在这个实验中，我们将探索一个JavaScript函数的实现，该函数用于确定数组、对象或字符串的大小。通过这个实验，你将学习如何识别给定值的类型，并使用各种技术（如 Array.prototype.length 属性、length 或 size 值以及对象的键数）来确定其大小。在本实验结束时，你将对如何在JavaScript中处理不同的数据类型有更深入的理解。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28616{{"数组、对象或字符串的大小"}} javascript/data_types -.-> lab-28616{{"数组、对象或字符串的大小"}} javascript/arith_ops -.-> lab-28616{{"数组、对象或字符串的大小"}} javascript/comp_ops -.-> lab-28616{{"数组、对象或字符串的大小"}} javascript/destr_assign -.-> lab-28616{{"数组、对象或字符串的大小"}} end

获取数组、对象或字符串大小的函数

要使用此函数，请打开终端/SSH并输入 node。此函数用于获取数组、对象或字符串的大小。

使用方法如下：

确定 val 的类型（array、object 或 string）。
对于数组，使用 Array.prototype.length 属性。
如果可用，使用 length 或 size 值，对于对象则使用键的数量。
对于字符串，使用从 val 创建的Blob 对象的 size。

const size = (val) =>
  Array.isArray(val)
    ? val.length
    : val && typeof val === "object"
      ? val.size || val.length || Object.keys(val).length
      : typeof val === "string"
        ? new Blob([val]).size
        : 0;

示例：

size([1, 2, 3, 4, 5]); // 5
size("size"); // 4
size({ one: 1, two: 2, three: 3 }); // 3

总结

恭喜你！你已经完成了“数组、对象或字符串的大小”实验。你可以在LabEx中练习更多实验来提升你的技能。