JavaScript数组

数组(Array)
- 数组的定义
- - 使用[]创建数组
  - 使用Array创建数组
- 数组的访问
- 数组的方法
- - push 向数组中添加元素
  - pop 从数组的末尾获取元素，并将元素从数组中删除
  - shift 从数组首个下标获取元素，并将元素从数组中删除
  - slice 切片
  - join 和 split

数组(Array)

用于存储多个数据集合的类型

var names = ['张飞','刘备','关羽'];
console.log(names);

数据元素的访问, 通过下标的形式(下标从0开始) 数组名[下标], names[0];

var names = ['张飞','刘备','关羽'];
console.log(names[1]);

数组的定义

使用[]创建数组

可以直接初始化,推荐使用

var arr1 = [10,20,30];
console.log(arr1);

使用Array创建数组

var arr2 = new Array();
console.log(arr2);

数组的访问

length 属性代表数字的长度。
通过元素[下标]访问数组,赋值、获取元素内容,数组是可变长度。

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>var arr1 = [10,20,30];console.log("arr1.length: "+arr1.length);var arr3 = [];arr3[0] = 100;arr3[1] = 200arr3[100] = 999;console.log("arr3.length: "+arr3.length);console.log("arr3[2]: "+arr3[2]);</script></head><body></body>
</html>

效果截图：

数组的方法

push 向数组中添加元素

相当于是入栈

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script>var arr = [];arr.push(10);arr.push(20);arr.push(30);arr.push('Keafmd');console.log("arr[0]:"+arr[0]);console.log("arr[1]:"+arr[1]);console.log("arr[2]:"+arr[2]);console.log("arr[3]:"+arr[3]);</script><title></title></head><body></body>
</html>

效果截图：

pop 从数组的末尾获取元素，并将元素从数组中删除

相当于是出栈

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script>var arr = [];arr.push(10);arr.push(20);arr.push(30);arr.push('Keafmd');console.log(arr.pop()); //Keafmdconsole.log(arr.pop()); // 30console.log(arr.pop()); //20console.log(arr.pop()); //10console.log(arr)  //[]</script><title></title></head><body></body>
</html>

效果截图：

shift 从数组首个下标获取元素，并将元素从数组中删除

类似出队

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script>var arr4 = [10,20,30,40];console.log(arr4.shift()) // 10console.log(arr4)   // 20,30,40</script><title></title></head><body></body>
</html>

效果截图：

slice 切片

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script>var arr5 = [10,20,30,40];console.log(arr5)console.log("arr5.slice(1) : "+arr5.slice(1))console.log("arr5.slice(1,2) : "+arr5.slice(1,2))</script><title></title></head><body></body>
</html>

效果截图：

join 和 split

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script>//将数组拼接以字符串的形式返回 join    10-20-30,40var arr6 = [10,20,30,40];console.log("arr6.join(\"-\"): "+ (arr6.join('-'))) ;// 返回的是字符串 , 10-20-30-40//将字符串拆分成数组var arrStr = '10-20-30-40';console.log(arrStr.split('-')) ;// 数组元素，为字符串类型</script><title></title></head><body></body>
</html>

效果截图：

写作不易，读完如果对你有帮助，感谢点赞支持！
如果你是电脑端，看见右下角的“一键三连”了吗，没错点它[哈哈]

加油！

共同努力！

Keafmd

JavaScript数组(Array)相关推荐

JavaScript 数组 array.at() 获取数组中最后一个元素
志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...
程序员谈 JavaScript 数组 Array 的学习
JavaScript Array 教程作为一个前端开发,JS 数组的熟练使用显得非常重要,ECMAScript数组的大小是可以动态调整的,可以随着数据的添加自动增长长度 ...
JavaScript 数组array 插入[ push() ] 与删除[ splice() ]
本文来自 w3school, 查看详情请进入w3school 定义和用法 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度. 语法 arrayObject.push(newelem ...
【一篇搞定JS数组】JavaScript数组使用详解
文章目录 JavaScript 数组 Array 1)概述/前言 2)创建数组 (一)Array()构造函数 (二)数组字面量表示法 (三)扩展操作符 (四)工厂方法--Array.of()和Arra ...
JavaScript数组包含
Javascript对象确实很棒,但是有时它们缺少一些有用的小功能/方法. 上面的例子是关于数组的. 很高兴知道数组中是否包含某个项目. 好了,您可以编写一个函数,该函数采用要检查的数组和项目,但是将 ...
arr数组怎么取值_【JavaScript】Array数组常规使用小结(持续更新......)
一.概述 JavaScript的 Array 对象是用于构造数组的全局对象,数组是类似于列表的高阶对象. 二.创建数组四种方式 2.1.字面-隐式创建数组 var movieList = [" ...
扩展JavaScript数组（Array）添加删除元素方法
为JavaScript数组(Array)扩展添加删除元素方法作者:jcLee95:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 ...
javascript数组（array）的常用方法（shift/unshift/pop/push/concat/splice/reverse/sort/slice/join）
数组array 今天简单的介绍一下array对象的常用方法(shift/unshift/pop/push/concat/splice/reverse/sort/slice/join)在这就不多说直接撸 ...
JavaScript系列学习笔记2 —— 数组Array对象
目录一.概念与作用二.基本结构 2.1 数组构造函数 2.2 数组字面量表示法三.Array对象的属性和方法 3.1 Array对象的属性 3.2 Array对象的方法四.数组元素的访问和存储 ...

JavaScript数组(Array)

JavaScript数组

数组(Array)

数组的定义

使用[]创建数组

使用Array创建数组

数组的访问

数组的方法

push 向数组中添加元素

pop 从数组的末尾获取元素，并将元素从数组中删除

shift 从数组首个下标获取元素，并将元素从数组中删除

slice 切片

join 和 split

JavaScript数组(Array)相关推荐

最新文章

热门文章