Array_JavaScript

简介: Array_JavaScript

Array

学习路线:JavaScript基础语法(输出语句)->JavaScript基础语法(变量)->JavaScript基础语法(数据类型)->JavaScript基础语法(运算符)->JavaScript基础语法(流程控制语句)->JavaScript基础语法(类型转换)->JavaScript基础语法(函数)->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->

事件绑定(onmouseout,onmouseover)
->事件绑定(onsubmit)表单提交
->提交表单与验证表单案例

简介:Array对象。

JavaScript Array对象用于定义数组

定义格式

数组的定义格式有两种:

  • 方式1
var 变量名 = new Array(元素列表); 
  • 例如:
var arr = new Array(1,2,3); 
  • 方式2
var 变量名 = [元素列表];
  • 例如:
var arr = [1,2,3]; 
  • 注意:Java中的数组静态初始化使用的是{}定义,而 JavaScript 中使用的是 [] 定义

元素访问

访问数组中的元素和 Java 语言的一样,格式如下:

arr[索引] = 值;

代码演示:

// 方式一
var arr = new Array(1,2,3);
// alert(arr);
// 方式二
var arr2 = [1,2,3];
//alert(arr2);
// 访问
arr2[0] = 10;
alert(arr2)

特点

JavaScript 中的数组相当于 Java 中集合。数组的长度是可以变化的,而 JavaScript 是弱类型,所以可以存储任意的类型的数据。

例如如下代码:

// 变长
var arr3 = [1,2,3];
arr3[10] = 10;
alert(arr3[10]); // 10
alert(arr3[9]);  //undefined

上面代码在定义数组中给了三个元素,又给索引是 10 的位置添加了数据 10,对于 索引3 到 索引9 就是 undefined。

如果给 arr3 数组添加字符串的数据,也是可以添加成功的

arr3[5] = "hello";
alert(arr3[5]); // hello

属性

Array 对象提供了很多属性,如下图是官方文档截取的

数组的遍历

var arr = [1,2,3];
for (let i = 0; i < arr.length; i++) {
    alert(arr[i]);
}

方法

Array 对象同样也提供了很多方法,详情可见去见官方文档

下面是两个比较常用的。

  • push函数:给数组添加元素,也就是在数组的末尾添加元素
    参数表示要添加的元素
// push:添加方法
var arr5 = [1,2,3];
arr5.push(10);
alert(arr5);  //数组的元素是 {1,2,3,10}
  • pop函数:删除元素
// splice:删除元素
var arr5 = [1,2,3];
arr5.pop();
alert(arr5);  //数组的元素是 {1,2}
  • splice函数:删除元素
    参数1:索引。表示从哪个索引位置删除
    参数2:个数。表示删除几个元素
// splice:删除元素
var arr5 = [1,2,3];
arr5.splice(0,1); //从 0 索引位置开始删除,删除一个元素 
alert(arr5); // {2,3}
相关文章
|
1月前
|
JavaScript 前端开发 API
【JavaScript】<JS内建对象>JavaScript内建对象-Array对象
【1月更文挑战第17天】【JavaScript】<JS内建对象>JavaScript内建对象-Array对象
|
7月前
|
JavaScript 前端开发 索引
深入理解 JavaScript 中的 slice 方法
在 JavaScript 中,slice() 是一个常用的数组方法,用于从现有数组中提取一部分元素,然后返回一个新的数组。它是一个非常有用的工具,可以帮助你在不改变原始数组的情况下操作数组的子集。本文将介绍 slice() 的基本概念、使用方法、实践案例和互动练习,以帮助你更好地理解和掌握这一功能强大的方法。
|
8月前
|
Web App开发 存储 JavaScript
JavaScript中的Array对象~
JavaScript中的Array对象~
|
11月前
|
JavaScript 前端开发 索引
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
|
JavaScript 前端开发 索引
JavaScript —— 数组(Array) 对象
JavaScript —— 数组(Array) 对象
|
存储 JavaScript 前端开发
JavaScript之Map
引入 通过之前的了解我们知道JS中的对象很像其他语言中的“字典”数据类型——一个键对应一个值,是一串键值对构成的数据类型。 但是我们也发现,JavaScript的对象又不完全等同于字典。因为JavaScript的对象只能是字符串来构成键 实际生活中,用数值或者其他数据类型来构成键其实也是很需要的,比如我们班每个同学的序号和其对应分数。这样就没必要用字符串来对应分数,都用数字类型存储就完全ok了。
|
存储 JavaScript 前端开发
JavaScript数组(Array)
JavaScript数组(Array) 用于存储多个数据集合的类型。
JavaScript数组(Array)
|
JavaScript 前端开发
Javascript Array数组对象
Javascript Array数组对象
107 0
Javascript Array数组对象
|
存储 JavaScript 前端开发
JavaScript中的Array对象介绍及方法
JavaScript中的Array对象介绍及方法
90 0
|
XML JSON JavaScript
javaScript系列 [05]-javaScript和JSON
本文输出和JSON有关的以下内容 JSON和javaScript JSON的语法介绍 JSON的数据类型 JSON和XMLHTTPRequest JSON的序列化和反序列化处理 1.1 JSON和javaScript JSON是一种数据交换格式。
1227 0