web开发学习日志7-数组

之前学习过数字、字符串、布尔值等数据类型,它们都是单一的数据结构。如果将大量的数据存储在一个地方或者一个变量中,无疑会带来很多便利性。数组就是这样一个可以保存多个数据值的数据结构,类似于列表。

创建数组

列出所有数据,用逗号隔开,放入[ ]里,方括号里面的数据可以是:

  • 字符串
  • 数字
  • 布尔值
  • 以上三种任意组合
  • 其它

示例1,单一数据类型数组:

// 用三个字符串创建一个 fruits 数组
var fruits = ["apple", " banana", "blueberry"];

示例2,混合数据类型数组:

// 用不同数据类型创建一个 mixedData 数组
var mixedData = ["apple", 3, true, null, "Hello"];

示例3,也可以在数组中存储数组,创建嵌套数组:

// 用三个数组创建 arraysInArrays 数组
var arraysInArrays = [
[1, 2, 3, 4, 5],
["apple", " banana", "blueberry"],
["apple", 3, true, null, "Hello"]
];

访问数组元素

这里的元素和html里不同,表示数组里每一个数据片段。可以通过索引访问每一个元素,注意索引编号是从0开始的。

var fruits = ["apple", " banana", "blueberry"];
console.log(fruits[0]); // "apple"是 "fruits"数组中的一个元素

输出结果:"apple"

注意:如果访问不存在的索引位置元素,系统返回 undifined

如果想更改某个元素的值,可以将其设置为新值,方法如下:

var fruits = ["apple", " banana", "blueberry"];
fruits[0] = "orange"; //将数组第一个元素改为 "orange"
console.log(fruits[0]);

输出结果:"orange"

数组属性

  • Array.length,通过该属性可以知道数组里面元素的个数(数组长度)。

var fruits = ["apple", " banana", "blueberry"];
console.log(fruits.length);

输出结果: 3

数组方法

  • push,向数组的末尾添加元素,添加后会返回数组长度

var fruits = ["apple", " banana", "blueberry"];
fruits.push("orange");

返回:4

  • pop,删除数组末尾的元素,然后返回该元素,以防需要使用该元素

var fruits = ["apple", " banana", "blueberry"];
fruits.pop();

返回:"blueberry"

  • splice, 可以指定索引位置以删除和添加新的元素。该方法有3个参数,第1个参数表示你要从哪个索引开始更改数组,第2个参数表示你要删除的元素数量,剩下的参数表示你要添加的元素。

var fruits = ["apple", " banana", "blueberry"];
fruits.splice(1, 1, "orange", "peach"); // 删除索引1处的 "banana" ,并从索引1开始添加 "orange" 和 "peach"

返回:[" banana"]
fruits数组变为 ["apple","orange", "peach", "blueberry"]

以上仅列举较常见的属性和方法,更多内容可以参考 MDN 文档

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • js基础篇(三)——DOM的各种操作js基础篇(二)——字符串的各种操作 1. 创建数组 创建一个数组,有三种方法...
    hanyuntao阅读 5,565评论 0 14
  • 查询数组很容易,对于数组,我们可以这样理解:数组中每一个元素都是这个键值对键的一个有效值,如下面的例子:我们要查询...
    yzc123446阅读 3,480评论 0 1
  • 一 基本概念 MongoDB中数据的结构为:库、集合、文档 1 数据库 多个集合可以组成数据库。MongoDb的单...
    周东波_db阅读 7,156评论 0 4
  • 分类 索引数组索引值从0开始,依次递增 关联数组以字符串为索引,键和值对是无序组合,每个键都是唯一的 数组的定义 ...
    cws阅读 2,875评论 0 0
  • 学习《MongoDB 权威指南·第2版》的笔记,结合 MongoDB 官方最新文档(v3.6),简单记录一些概念、...
    小鱼爱小虾阅读 11,275评论 0 5

友情链接更多精彩内容