前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript数组

JavaScript数组

作者头像
梨涡浅笑
发布2020-10-27 15:21:55
6150
发布2020-10-27 15:21:55
举报
文章被收录于专栏:全栈自学笔记

1 - 数组

1.1 数组的概念

  • 数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。
  • 数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。
代码语言:javascript
复制
// 普通变量一次只能存储一个值 
var  num = 10;  
// 数组一次可以存储多个值
var arr = [1,2,3,4,5]; 

1.2 创建数组

JS 中创建数组有两种方式:

  • 利用 new 创建数组 注意 Array () ,A 要大写
代码语言:javascript
复制
var 数组名 = new Array() ;
var arr = new Array();   // 创建一个新的空数组
  • 利用数组字面量创建数组
    1. 数组的字面量是方括号 [ ]
    2. 声明数组并赋值称为数组的初始化
    3. 这种字面量方式也是我们以后最多使用的方式
代码语言:javascript
复制
//1. 使用数组字面量方式创建空的数组
var  数组名 = [];
//2. 使用数组字面量方式创建带初始值的数组
var  数组名 = ['小白','小黑','大黄','瑞奇'];
  • 数组元素的类型 数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。
代码语言:javascript
复制
var arrStus = ['小白',12,true,28.9];

1.3 获取数组中的元素

索引 (下标) :用来访问数组元素的序号(数组下标从 0 开始)。

数组可以通过索引来访问、设置、修改对应的数组元素,可以通过“数组名[索引]”的形式来获取数组中的元素。

代码语言:javascript
复制
// 定义数组
var arrStus = [1,2,3];
// 获取数组中的第2个元素
alert(arrStus[1]);    

注意:如果访问时数组没有和索引值对应的元素,则得到的值是undefined

1.4 遍历数组

  1. 数组遍历

把数组中的每个元素从头到尾都访问一次(类似学生的点名),可以通过 for 循环索引遍历数组中的每一项

代码语言:javascript
复制
var arr = ['red','green', 'blue'];
for(var i = 0; i < arr.length; i++){
    console.log(arrStus[i]);
}

2.数组的长度

数组的长度:默认情况下表示数组中元素的个数

使用“数组名.length”可以访问数组元素的数量(数组长度)。

代码语言:javascript
复制
var arrStus = [1,2,3];
alert(arrStus.length);  // 3

注意

  • 此处数组的长度是数组元素的个数 ,不要和数组的索引号混淆。
  1. 当我们数组里面的元素个数发生了变化,这个 length 属性跟着一起变化
  • 数组的length属性可以被修改:
  1. 如果设置的length属性值大于数组的元素个数,则会在数组末尾出现空白元素;
  2. 如果设置的length属性值小于数组的元素个数,则会把超过该值的数组元素删除

3.计算数组的和以及平均值

代码语言:javascript
复制
      var arr = [1, 5, 7, 2, 3];
      var sum = 0;
      var average = 0;
      for (var i = 0; i < arr.length; i++) {
        sum += arr[i];
      }
      average = sum / arr.length;
      console.log(sum);
      console.log(average);

4.求数组的最大以及最小值

代码语言:javascript
复制
      var arr = [3, 85, 22, 33, 16];
      var max = arr[0];
      for (var i = 1; i < arr.length; i++) {
        if (arr[i] > max) {
          max = arr[i];
        }
      }
      console.log("该数组最大值为:" + max);

      for (var i = 0; i < arr.length; i++) {
        if (arr[i] < max) {
          max = arr[i];
        }
      }
      console.log("该数组最小值为:" + max);

1.5 数组中新增元素

数组中可以通过以下方式在数组的末尾插入新元素:

代码语言:javascript
复制
数组[ 数组.length ] = 新数据;
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 - 数组
    • 1.1 数组的概念
      • 1.2 创建数组
        • 1.3 获取数组中的元素
          • 1.4 遍历数组
            • 1.5 数组中新增元素
            相关产品与服务
            数据保险箱
            数据保险箱(Cloud Data Coffer Service,CDCS)为您提供更高安全系数的企业核心数据存储服务。您可以通过自定义过期天数的方法删除数据,避免误删带来的损害,还可以将数据跨地域存储,防止一些不可抗因素导致的数据丢失。数据保险箱支持通过控制台、API 等多样化方式快速简单接入,实现海量数据的存储管理。您可以使用数据保险箱对文件数据进行上传、下载,最终实现数据的安全存储和提取。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档