数组概述

数组是一组相关数据的集合,其中的每一个值被称作元素,每个元素在数组中都有对应的位置(下标)就是元素的索引,通过下标就能很方便的获取对应下标的元素;当我们想要连续存放多个数据时就可以使用数组来存储

JS数组的特点

  • JS 中的数组可以存储任意数据类型的数据
  • JS 中的数组属于动态数组,就是数组的长度可以动态改变

数组的创建

在 JS 中有两种创建数组的方式,一种是使用关键字 new, 另一种是通过字面量 []

通过关键字 new

语法:

var arr = new Array();

Array(arg) 是一个全局对对象,与 new 关键字结合使用可用于创建数组,该对象的参数可以有零个到多个

  • 当没有参数时,会创建一个长度为零的空数组
  • 当参数只有一个且为数字时这个参数用于设置数组的长度,数组默认为空
  • 当参数为多个时,参数之间用英文逗号隔开,这些参数会作为元素存储在数组中

示例:

// 通过 构造函数创建了一个长度为 5 的空数组
var arr = new Array(5);
console.log(arr, arr.length);// 创建的数组长度为 5,最大下标为 4;
// arr[10] 为下标为 10 的元素,超出了创建的数组的最大长度,数组就会动态增加长度,此时数组的长度为 11
arr[10] = '熊大';
console.log(arr, arr.length);

通过字面量 [ ]

创建空数组:

var arr = [];

创建存储了相同数据类型的数组:

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

创建存储了不同数据类型的数组:

var arr = ['熊二', 18, 'boy']

获取、修改数组中的元素

想要获取或修改数组中的元素直接通过元素的索引(数组下标)即可获取元素;数组中元素的下标为数字类型,默认是从 0(零)开始累加

想要修改数组中指定下标的元素直接通过下标找到那个元素再通过赋值的方式即可修改

获取元素语法:

arr[index]

  • index 为元素在数组中的下标
// 创建数组
var arr = ['熊二', 18, 'boy']
console.log(arr)// 获取元素
var temp = arr[1]
console.log(temp)// 修改数组中元素下标为 1 的元素
arr[1] = 20
console.log(arr)

数组的 length 属性

数组拥有 lenght 属性,这个可以通过该属性来获取数组的长度

  • 当数组中的元素个数发生变化时,这个 length 属性会跟着一起变化
  • 数组的length属性可以被修改
    • 如果设置的length属性值大于数组元素的个数,则会在数组末尾出现空白元素;
    • 如果设置的length属性值小于数组元素的个数,则会把超过该值的数组元素删除

遍历数组中的元素

因为JS中的数组是动态数组且数组中元素的下标默认从 0(零)开始累加,所以可以通过循环遍历的方式获取、修改数组中的元素或向数组中添加元素

示例 ,循环数组数组中的元素:

var arr = ['熊二', 18, 'boy','喜欢蜂蜜', '有个大哥']for (var i = 0; i < arr.length; i++) {console.log(arr[i])
}

如何在数组的末尾插入元素?

可以通过数组的 length 获取数组的长度值,将该长度值设置为元素的下标即可向数组中插入元素(数组元的下标是从0 开始,最大下标为 length-1,所以可以通过 length 的值向数组中添加元素)

示例:

var arr = ['熊二', 18, 'boy','喜欢蜂蜜', '有个大哥']
console.log(arr)// 获取数组长度
var index = arr.length
// 添加元素
arr[index] = '喜欢翠花'
console.log(arr)

JavaScript-创建数组的两种方法,数组的遍历,lenght获取数组的长度,在数组末尾追加元素相关推荐

  1. python遍历数组的两种方法_python同时遍历数组的索引和值的实例

    你想在迭代一个序列的同时跟踪正在被处理的元素索引. 获取索引 内置的 enumerate() 函数可以很好的解决这个问题: >>> my_list = ['a', 'b', 'c'] ...

  2. 用new创建一个二维数组,有两种方法,是等价的

    //用new创建一个二维数组,有两种方法,是等价的      一:      int   (*p)[10]   =   new   int[5][10];      二:      int   **p ...

  3. 知识点2:js(javascript)中检测是否为数组的两种方法【翻转数组案例】

    javascript基础知识 文章目录 javascript基础知识 前言 一.翻转数组案例 二.检测数组的两种方法 1.如果传输的参数不是数组 2.instanceof 运算符 可以用来检测是否满足 ...

  4. java创建数组的两种方法

    java创建数组的两种方法 1,静态初始化 int[] array={1,2,3,4,5}; 2,动态初始化 1)先分配空间再给数组元素赋值 int[] array=new int[10]; //需指 ...

  5. 【数组】旋转数组(两种方法)

    数组 旋转数组(两种方法) 给定一个数组,将数组中的元素向右移动 k 个位置,其中 k 是非负数. 进阶:尽可能想出更多的解决方案,至少有三种不同的方法可以解决这个问题.你可以使用空间复杂度为 O(1 ...

  6. python遍历数组的两种方法及将print的内容写入文件中

    python遍历数组的两种方法 第一种,最常用的,通过for in遍历数组 colours = ["red","green","blue"] ...

  7. python3(4)--- python遍历数组的两种方法

    python遍历数组的两种方法 第一种,最常用的,通过for in遍历数组.其实本质就是取出来的是这个数组或者列表中的元素,和角标无关. colours = ["red",&quo ...

  8. python遍历数组的两种方法的代码

    工作过程中,把开发过程中较好的一些内容段备份一下,下面内容是关于python遍历数组的两种方法的内容,希望对小伙伴有用途. colours = ["red","green ...

  9. mysql创建库几种方法_MySQL创建数据库的两种方法

    本文为大家分享了两种mysql创建数据库的方法,供大家参考,具体内容如下 第一种方法:使用 mysqladmin 创建数据库使用普通用户,你可能需要特定的权限来创建或者删除 mysql 数据库. 所以 ...

  10. Java学习笔记:创建线程的两种方法

    Java学习笔记:创建线程的两种方法 一.预备工作 1.创建Maven项目ThreadDemo 2.在pom.xml里添加依赖 二.继承Thread类创建子线程

最新文章

  1. Mac--常用安装命令以及问题解决(面向自己查看)
  2. Linux命令(007) -- systemctl
  3. Java实现线程同步的方式
  4. linux静态库的打包及链接使用
  5. jQuery常见的选择器操作运算符
  6. luogu1024 一元三次方程求解
  7. ldap seach java_从LDAP(Java)检索信息
  8. Hi3520D UART2和UART3是如何加载到内核的
  9. js二维数组传递java,ActiveX获取JavaScript传递的二维数组
  10. feignClient的使用
  11. 《C++ Primer Plus》10.3 类的构造函数和析构函数 学习笔记
  12. C# 通过PostMessage完成UI的更新
  13. hdoj1421:搬寝室(dp基础题)
  14. 商城项目数据库表设计中商品表
  15. Windows配置Caffe教程
  16. express to eSATA卡测试
  17. 宇视网络视频录像机添加摄像机提示离线
  18. mysql全文索引使用
  19. 设置div背景透明的方法
  20. 【两台电脑之间实现鼠标键盘共享】

热门文章

  1. 真实世界的人工智能应用落地——OpenAI篇 ⛵
  2. 官方免费postman下载分享,官网下载太慢了!!
  3. P1247ybtoj【数学基础】5章1题【取火柴游戏】
  4. java中main()函数的返回值是什么_Java中main()函数的返回值类型是什么
  5. 解析发动机防盗锁止系统如何防盗
  6. eclipse编码格式该如何设置
  7. nProgress的简单使用
  8. 如何使用Axure快速制作有趣好看的数据可
  9. 图片预览与图片通过预留接口上传
  10. html文本超出本分自动换行,100分:请问如何使html中不换行的文本自动换行?(内详)...