您的位置:

JS获取数组长度的方法及相关内容详解

一、js获取数组长度为什么多一个0

在js中,数组是使用类似于对象的方式实现的,数组元素是通过键值对的方式进行存储并访问。当创建一个空数组时,数组的length属性初始值为0。当我们向这个数组添加元素时,length属性会随之增加。而当我们删除数组中的元素时,length属性不会减少,因为它只记录了数组的下标最大值(即长度),而不记录具体有哪些下标。

二、js获取数组长度的方法

获取数组的长度是在js中非常常用的操作,下面是三种常见的方法:

1、直接使用数组对象的length属性来获取数组的长度,如下所示:

const arr = ['apple', 'banana', 'pear'];
const len = arr.length;
console.log(len); // 3

2、使用call/apply方法,将数组的slice方法绑定到类数组对象上,再通过获取新数组的长度来得到原数组的长度:

const arr = ['apple', 'banana', 'pear'];
const len = Array.prototype.slice.call(arr).length;
console.log(len); // 3

3、使用for循环遍历整个数组,累加元素的个数来得到数组的长度:

const arr = ['apple', 'banana', 'pear'];
let len = 0;
for(let i = 0; i < arr.length; i++) {
    len++;
}
console.log(len); // 3

三、获取数组长度的方法

在ES6中,我们还可以通过使用展开运算符(Spread Operator)或使用Array.from方法来获取数组的长度:

1、使用展开运算符:

const arr = ['apple', 'banana', 'pear'];
const len = [...arr].length;
console.log(len); // 3

2、使用Array.from方法:

const arr = ['apple', 'banana', 'pear'];
const len = Array.from(arr).length;
console.log(len); // 3

四、js获取数组长度的一半

获取数组长度的一半,我们可以使用以下代码:

const arr = [1, 2, 3, 4, 5, 6];
const len = arr.length;
const half = Math.floor(len / 2);
console.log(half); // 3

五、获取数组长度的方式

在ES6中,我们还可以使用字符串的解构赋值来获取数组的长度:

const arr = ['apple', 'banana', 'pear'];
const {length: len} = arr;
console.log(len); // 3

六、js数组长度怎么计算

在js中,数组的长度是通过记录下标的最大值加1来计算的。因为js的数组下标是从0开始的,所以我们可以通过遍历数组来获取最大下标,然后将其加1即可得到数组的长度:

const arr = ['apple', 'banana', 'pear'];
let maxIndex = -1;
for(let i in arr) {
    if(arr.hasOwnProperty(i)) {
        maxIndex = Math.max(maxIndex, parseInt(i)); 
    }
}
const len = maxIndex + 1;
console.log(len); // 3

七、js 输出数组的长度

输出数组的长度可以使用console.log方法,在上面的例子中已经多次出现了,这里不再赘述。

八、js获取对象长度

上面的例子都是针对数组的长度,如果想要获取对象的长度,我们可以使用Object.keys方法,将对象的键值以数组的形式返回,再获取该数组的长度即可:

const obj = {
    name: 'Tom',
    age: 18,
    sex: 'male'
};
const len = Object.keys(obj).length;
console.log(len); // 3

以上就是js获取数组长度相关的内容,我们可以根据不同的需求,选择不同的方法来获取数组的长度。

JS获取数组长度的方法及相关内容详解

2023-05-17
印象笔记记录java学习(Java成长笔记)

2022-11-12
JS获取数组长度的多方面讲解

2023-05-19
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
达内web前端js笔记(达内jsd)

本文目录一览: 1、web前端里的js技术 2、《web前端笔记7》js字符—获取、查找、遍历、提取、替换方法总结 3、达内web前端开发讲的什么内容 4、2020年自学Web前端要掌握的知识点有哪些

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
python方法笔记,python基础教程笔记

2022-11-20
javascript简要笔记,JavaScript读书笔记

2022-11-17
关于java获取eth余额的信息

2022-11-18
重学java笔记,java笔记总结

2022-11-23
Java数组长度的获取方法

2023-05-11
java基础知识学习笔记一,Java基础笔记

2022-11-21
JS中判断数组长度的几种方法

2023-05-20
mysql数据库完整笔记(mysql数据库数据)

2022-11-13
java学习笔记(java初学笔记)

2022-11-14
python的用法笔记本(笔记本学python)

2022-11-16
数据库的笔记mysql,数据库管理系统笔记

2022-11-24
MySQL获取字符串长度与相关方法

2023-05-22
js读取数据库文档介绍内容(js脚本如何获取数据库内容?)

本文目录一览: 1、JS 文件如何获取数据库中的数据 2、在JS脚本中怎样读取数据库中的数据? 3、js 如何读取数据库信息 4、javascript如何读取到数据库的信息 5、如何用JS面向对象方法

2023-12-08
Java数组长度的获取

2023-05-11