【JavaScript】数组 ③ ( JavaScript 数组长度 | 修改数组长度 | 数组案例 )

最新推荐文章于 2024-07-22 08:55:10 发布
最新推荐文章于 2024-07-22 08:55:10 发布
阅读量1.5k 收藏 10
点赞数 15
分类专栏： JavaScript 文章标签： javascript 前端 开发语言 数组 数组索引 数组长度 数组遍历
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shulianghan/article/details/137132644
版权
本文详细介绍了JavaScript中数组长度的获取方法，以及如何动态修改数组长度。此外，还展示了如何通过遍历实现数组元素的平均值和最大值计算。
摘要由CSDN通过智能技术生成

文章目录





一、JavaScript 数组长度



1、数组长度


在 JavaScript 中 , 数组长度 可以通过 数组变量的 length 属性 获取 , 该属性 返回 数组中的元素数量 , 也就是 数组长度 ;


下面声明了一个数组变量 , 有 3 个元素 ;

var arr = ['blue', 'red', 'green'];

arr 数组变量的 length 属性 , 就是 数组长度 ;

arr.length

代码示例 :

var arr = ['blue', 'red', 'green'];
console.log(arr.length);  // 输出 : 3

完整代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 数组长度

        var arr = ['blue', 'red', 'green'];
        console.log(arr.length); // 输出 : 3
    </script>
</head>

<body>
</body>

</html>

执行结果 :

在这里插入图片描述


2、修改数组长度


JavaScript 数组 的 大小 是 可以 动态调整 的 , 通过修改 数组 的 length 属性 可以 增加或减少 数组的大小 ;

  • 如果 减少 数组的大小 , 则被减少的部分元素 , 直接从数组中删除 ;
  • 如果 增加 数组的大小 , 则增加的部分 , 使用 undefined 值填充 ;

代码示例 :

var arr = [1, 2, 3];  
arr.length = 5;  
console.log(arr);  // 输出：[1, 2, 3, undefined, undefined]

完整代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 数组长度

        var arr = [1, 2, 3];

        // 数组内容 : [1, 2, 3, undefined, undefined]
        arr.length = 5;

        // 输出 : [1, 2, 3, empty x 2]
        console.log(arr);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

在这里插入图片描述





二、数组案例



1、求数组元素平均值


给定一个数组 ,

var arr = [1, 2, 3, 4, 5];

求该数组的平均值 ;

首先 , 遍历累加该数组 ;

然后 , 将累加和 除以 数组长度 , 得到平均值 ;


代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 数组长度

        // 数组声明与初始化
        var arr = [1, 2, 3, 4, 5];

        // 累加和
        var sum = 0;

        for (var i = 0; i < arr.length; i++) {
            sum += arr[i];
        }

        // 输出 : 累加和为 : 15
        console.log("累加和为 : " + sum);

        var avg = sum / arr.length;
        // 输出 : 平均值为 : 3
        console.log("平均值为 : " + avg);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

在这里插入图片描述


2、求数组元素最大值


给定一个数组 ,

var arr = [3, 9, 5, 2, 7, 4];

求该数组的最大值 ;

首先 , 定义一个变量存储当前获取的最大值 ;

然后 , 遍历数组每个元素 , 如果遍历到的值大于 最大值变量 则赋值给 该变量 ;

遍历完毕后 , 即可得到数组中的 最大值 ;


代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 数组长度

        // 数组声明与初始化
        var arr = [3, 9, 5, 2, 7, 4];

        // 最大值
        var max = 0;

        for (var i = 0; i < arr.length; i++) {
            if (arr[i] > max) {
                max = arr[i];
            }
        }

        // 输出 : 最大值为 : 9
        console.log("最大值为 : " + max);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

在这里插入图片描述

韩曙亮
关注
  • 15
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript数组的长度
猿码互联
12-10 895
在上面的代码示例中，我们首先定义了一个空数组。然后，使用pop()方法删除了一个元素，使用unshift()方法在数组开头添加了一个元素，再使用shift()方法删除了开头的元素。需要注意的是，通过修改数组的length属性可以增加或减少数组中元素的数量。如果将数组的length属性设置为小于当前元素数量的值，则数组末尾的元素将会被删除，否则将会在数组末尾添加undefined元素，直到数组长度等于设置的值。JavaScript数组的长度可以通过数组对象的length属性来获取，长度表示数组中元素的数量。
JavaScript实现多维数组的方法
10-26
- JavaScript数组的长度不是固定的，可以通过`push()`、`pop()`等方法动态改变。 - 由于JavaScript的动态特性，访问不存在的数组元素不会抛出错误，而是返回`undefined`。 总的来说，JavaScript实现多维数组的...
js数组方法整理
weixin_30699235的博客
03-16 159
整理了以下数组方法 join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() （ES5新增） forEach() （ES5新增） map() （ES5新增） filter() （ES5新增） every() （E...
数组的length属性可读可写，字符串的长度length属性不可以修改
marie0119
03-12 3595
数组的length属性可读可写，字符串的长度length属性不可以修改 清空数组的两种方法：arr.length=0;arr=[];
【JavaScript 数组】创建数组、访问数组元素、数组遍历、获取数组元素中的最大值、数组转换为字符、修改数组长度、插入排序 冒泡排序、删除指定的数组元素、筛选数组、新增或修改数组元素、
weixin_63159221的博客
11-16 452
【JavaScript 数组】创建数组、访问数组元素、数组遍历、获取数组元素中的最大值、数组转换为字符、修改数组长度、插入排序 冒泡排序、删除指定的数组元素、筛选数组、新增或修改数组元素、冒泡排序、插入排序
数组的迭代方法
cflsh的博客
02-07 256
一、every() 对数组中的每一元素运行给定的函数，如果该函数对每一项都返回true，则该函数返回true。 例如： var arr = [5,8,23,7,4,18,28,1]; var result = arr.every(function(item,index,arr){ return item >9; }); console.log(result); //false 二、some() 对数组中的每一运行给定的函数，如果该函数对某一项返回true，则返回true。 例如： var a
js 获取json数组里面数组的长度实例
10-19
然而，与JavaScript数组不同，JSON对象并不直接提供`.length`属性来获取其包含元素的数量。在本文中，我们将探讨如何在JavaScript中获取JSON数组内嵌套数组的长度。 首先，我们需要理解JSON的基本结构。JSON数据...
JavaScript数组对象Array案例.pdf
07-11
本文将深入探讨JavaScript数组对象Array的一些关键知识点，并通过提供的案例进行解析。 首先，数组的创建有多种方式。最常见的是使用`new Array()`构造函数，如`var arr = new Array(1, 2, 3, 4, 5, 6)`，这会创建...
JavaScript常用的数组操作方法案例1.pdf
07-11
本文将深入探讨两个JavaScript数组操作方法：`push()`和`reverse()`，并提供相关的案例分析。 首先，`push()`方法是用于向数组的末尾添加一个或多个元素，并返回新的数组长度。在案例1中，我们创建了一个包含1到6的...
js获取对象、数组的实际长度,元素实际个数的实现代码
10-22
下面小编就为大家带来一篇js获取对象、数组的实际长度,元素实际个数的实现代码。小编觉得挺不错的，现在就分享 给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript常用的数组操作方法案例2.pdf
07-11
除了`slice()`，JavaScript数组还有很多其他常用的操作方法： - `push()`：向数组的末尾添加一个或多个元素，并返回新的长度。例如，`arr.push('g')`将把`'g'`添加到`arr`的末尾，使`arr`变为`["a", "b", "c", "d",...
JS数组的长度问题
热门推荐
ltx06的专栏
11-28 4万+
说得js获取数组长度，相信都会第一时间想到array.length 但是，.length有明显的缺陷： 比如： var str = []; str[99] = 99; console.log(str.length); 得到的结果是100 var str = []; str['name'] = 'javascript'; str['test'] = 'sds
JavaScript 对象的长度
kalman2019的博客
12-27 1453
我有一个 JavaScript 对象。是否有内置或公认的最佳实践方法来获取此对象的长度？
js对象长度与js数组长度
...
08-18 3万+
js对象长度与js数组长度 obj = {330251:Object,335437:Object,335613:Object,335957:Object,336073:Object} 第一种方法，遍历： var objLen =0; for(var i in obj){ objLen++; } 第二种方法: Object.getOwnPropertyNames(obj).
Array的动态设置长度
weixin_34111790的博客
01-03 341
2019独角兽企业重金招聘Python工程师标准>>> ...
JavaScript 中的动态数组
six6de6的博客
10-21 2955
JavaScript 中的动态数组
js 数组几种比较大小的方法
ajdhakj6的博客
01-15 806
js 数组几种比较大小的方法
js获取数组长度-length属性的介绍
徊忆羽菲
08-06 1万+
js获取数组长度-length属性的介绍length属性length 属性不能体现数组元素的实际个数length 属性值动态变化对数组的影响 length属性 在 js 中获取数组长度非常简单，每个数组都有一个 length 属性， 该属性返回数组的最大长度，即其值等于最大下标值加 1。 由于数字下标必须小于 2^32-1，所以 length 属性最大值等于 2^32-1。 length 属性不能体现数组元素的实际个数 下面代码定义了一个空数组，然后为下标等于 100 的元素赋值，则 length 属性
Vue 3 和 SpringBoot 实现文件分片上传示例
最新发布
exlink2012的专栏
07-22 474
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
javascript查看数组长度
12-12
可以使用数组的length属性来获取数组的长度，即元素的个数。下面是一个例子： ```javascript var arr = [1, 2, 3, 4, 5]; console.log(arr.length); // 输出：5 ``` 上述代码中，我们定义了一个包含5个元素的数组arr，然后使用length属性获取了数组的长度，即5。 另外，需要注意的是，length属性返回的是数组的实际元素个数，而不是数组的容量。如果数组中存在空元素，length属性也会将其计算在内。例如： ```javascript var arr = [1, 2, , 4, 5]; console.log(arr.length); // 输出：5 ``` 上述代码中，我们定义了一个包含5个元素的数组arr，其中第3个元素为空，但是length属性仍然返回5。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值