大数据 asynchronous jdbc io GMU swift视频教程 eclipse闪退 pr序列设置哪个好 c语言求和 pip环境变量配置 tomcat调优和jvm调优 java取绝对值 kafka启动命令 excel加减混合求和 python数据格式 python怎么下载安装 python中的join函数 简单python脚本实例 java重载和重写 java时间转换 java框架学习 java写入txt linux安装 一键刷入recovery 梦幻西游手游助手 qtp下载 typemonkey adobe清理工具 通讯录管理系统 firework下载 go2lan steam怎么卸载 js验证码 rpm卸载命令 flushdns qq空间自动点赞 idea下载 斐讯k3刷机 换肤助手 ae烟雾特效
当前位置: 首页 > 学习教程  > 编程语言

js基础之数组

2021/2/13 18:15:42 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

1、数组的概念 什么是数组呢? 数组是指一组数据的集合,其中的每个数据被称为元素,在数组中可以存放类型的元素,数据是一种将一组数据存储在单个变量名下的优雅方式。 // 普通变量一次只能存储一个值 var num 10; // 数组一次…

1、数组的概念

什么是数组呢?

数组是指一组数据的集合,其中的每个数据被称为元素,在数组中可以存放类型的元素,数据是一种将一组数据存储在单个变量名下的优雅方式。

// 普通变量一次只能存储一个值
var  num = 10; 
// 数组一次可以存储多个值
var arr = [1,2,3,4,5];

2. 创建数组

2.1 数组的创建方式

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

  ● 利用  new 创建数组  
  ●利用数组字面量创建数组

2.2利用new创建数组

var 数组名 = new Array()var arr = new Array();   // 创建一个新的空数组

● 这种方式暂且了解,等学完对象再看
● 注意 Array () ,A 要大写

2.3 利用数组字面量创建数组

//1. 使用数组字面量方式创建空的数组
var  数组名 = []//2. 使用数组字面量方式创建带初始值的数组
var  数组名 = ['小白','小黑','大黄','瑞奇'];

●数组的字面量是方括号 [ ]
●声明数组并赋值称为数组的初始化
●这种字面量方式也是我们以后最多使用的方式

2.4 数组元素的类型

数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。

var arrStus = ['小白',12,true,28.9];

3. 获取数组元素

3.1 数组的索引

索引 (下标) :用来访问数组元素的序号(数组下标从 0 开始)。
数组可以通过索引来访问、设置、修改对应的数组元素,我们可以通过“数组名[索引]”的形式来获取数组中的元素。
这里的访问就是获取得到的意思

// 定义数组
var arrStus = [1,2,3];
// 获取数组中的第2个元素
alert(arrStus[1]);    

4、遍历数组

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

var arrStus = [1,2,3];
alert(arrStus.length);  // 3

注意:
① 此处数组的长度是数组元素的个数 ,不要和数组的索引号混淆。
② 当我们数组里面的元素个数发生了变化,这个 length 属性跟着一起变化。

标题5、数组中新增元素

5.1 通过修改 length 长度新增数组元素

● 可以通过修改 length 长度来实现数组扩容的目的
● length 属性是可读写的

var arr = ['red', 'green', 'blue', 'pink'];
arr.length = 7;
console.log(arr);
console.log(arr[4]);
console.log(arr[5]);
console.log(arr[6]);

其中索引号是 4,5,6 的空间没有给值,就是声明变量未给值,默认值就是 undefined。

5.2 通过修改数组索引新增数组元素

●可以通过修改数组索引的方式追加数组元素
●不能直接给数组名赋值,否则会覆盖掉以前的数据

var arr = ['red', 'green', 'blue', 'pink'];
arr[4] = 'hotpink';
console.log(arr);

这种方式是最常用的方式


本文链接: http://www.dtmao.cc/news_show_700223.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?