网站首页 > 技术文章 正文
数组的创建方式
字面量
我们知道对象创建方式有字面量的创建方式, 如:
var a = {
b: 1,
c: 2
}
复制代码
那我们创建数组肯定也是可以使用字面量的方式来创建
var arr = [1,'a',null, undefined, ' ']
// 这句话的意思是创建一个数组,内容是 1,'a',null, undefined, ' ', 长度是 5
复制代码
new 的方式
对象我们还可以使用new的方式来创建一个对象: 如:
var obj= new Object({b:1,c:2})
复制代码
那么数组我们也是可以使用new 的方式来创建的。
var arr =new Array(1,2,3,'2',null,undefined)
// 这个意思是创建一个数组,内容包含 1,2,3,'2',null,undefined, 长度为6
复制代码
注意事项
在new的方式中,如果第一个参数是数字的话,那么创建的是一个长度为数字,内容为空的数组
数组的类型
数组是用来存储数据的,数组的类型是对象,也是一个引用值的类型。
那么怎么判断一个数据是不是数组呢?
instanceof
var arr = [2];
arr instanceof Array // true
复制代码
Object.prototype.toString.call
var arr = [2];
Object.prototype.toString.call(arr) // "[object, Array]"
复制代码
Array.isArray
var arr = [2];
Array.isArray(arr) // true
复制代码
constructor
var arr = [2];
arr.constructor === Array // true
复制代码
读取数组元素
我们通过前面的文章了解到数组和对象一样,都是引用类型,那么读取对象的方式对象表达式的方式:
var obj = {
0: 1,
1: 2,
2: '32323'
}
obj['0'] 和 obj[0] 得到的结果是一样的,js 在读取的过程中,会把数字转成字符串
复制代码
我们数组长的和对象差不多,那我们是不是也可以通过 数组[下标的方式] 来读取
通过上图我们知道,是可以通过下标来读取的,并且数组会默认有一个length 属性,这个length 是根据最大的下标来自动生成的.
里面有一些地方是empty (空的),那我们就称这个数组是不连续的,也就是稀松数组
数组的遍历
我们在上一节说到了数据的遍历方式,那么遍历数组的方式有哪些呢?
for 循环
var arr = [1,2,3,'2',null,undefined, , , 123];
for(var i = 0; i<arr.length; i++){
arr[i] 可以遍历数组的每一项,包括空的
}
复制代码
for in 循环
var arr = [1,2,3,'2',null,undefined, , , 123];
for(var prop in arr){
arr[i] 可以遍历数组的每一项,如果是空的,是不会打印的
}
复制代码
有兴趣的自己自己尝试 forEach,和 for of等es6种语法
数组的基本操作
数组是用来存储数据,那么我们如何新增呢?
push
push 是在数组的末尾添加新的数据,数据可以是多个,会依次添加到数组的末尾
var arr = [12,3,23,0]
arr.push(1,2,4)
复制代码
我们知道,arr[arr.length -1] 是获取数组的最后一位,那么我们直接 arr[arr.length] = 123 也是可以在数组末尾添加数据
unshift
unshift 是在数组的首位添加数据
var arr = [12,3,23,0]
arr.unshift(1,2,4)
复制代码
splice
这个方法可以加,可以减
var arr = [12,3,23,0]
// 在下标为1的后面,添加4,4,5,6
arr.splice(1,0,4,4,5,6);
复制代码
pop
删除数组的最后一位
var arr = [12,3,23,0];
arr.pop();
复制代码
shitf
var arr = [12,3,23,0];
arr.shift();
复制代码
其他的详情请查看,
es6的新增请查看
- 上一篇: JS数组教程(js数组菜鸟教程)
- 下一篇: JavaScript 中常用的数组操作方法
猜你喜欢
- 2024-09-08 「JavaScript 从入门到精通」10.数组
- 2024-09-08 JS——数组的方法 & 高阶函数
- 2024-09-08 Javascript中的内置对象—数组(javascript内置对象应用的)
- 2024-09-08 js数组方法笔记(js的数组)
- 2024-09-08 JavaScript 数组元素的一些操作(javascript中数组)
- 2024-09-08 Javascript数组应用及场景——创建数组的N种方式详解
- 2024-09-08 详解JS数组API方法重构(js 数组 api)
- 2024-09-08 手把手教你Javascript (6)-数组(javascript10分钟速成)
- 2024-09-08 JS核心基础数组的操作概述(js数组原理)
- 2024-09-08 JavaScript操作数组的方式都有哪些
- 1517℃桌面软件开发新体验!用 Blazor Hybrid 打造简洁高效的视频处理工具
- 594℃Dify工具使用全场景:dify-sandbox沙盒的原理(源码篇·第2期)
- 521℃MySQL service启动脚本浅析(r12笔记第59天)
- 489℃服务器异常重启,导致mysql启动失败,问题解决过程记录
- 489℃启用MySQL查询缓存(mysql8.0查询缓存)
- 477℃「赵强老师」MySQL的闪回(赵强iso是哪个大学毕业的)
- 456℃mysql服务怎么启动和关闭?(mysql服务怎么启动和关闭)
- 454℃MySQL server PID file could not be found!失败
- 最近发表
-
- PS所有滤镜的说明(六)(ps滤镜详解)
- 5款小白也能用的在线图片编辑器!电商效率飙升就靠它!
- Java变量(java变量有什么作用)
- Java面试常见问题:Java注解(java中的面试题)
- Java编程入门第一课:HelloWorld(java编程从入门到实践)
- Java基础教程:Java继承概述(java里继承的概述)
- java基础之——访问修饰符(private/default/protected/public)
- 如何规划一个合理的JAVA项目工程结构
- 将机器指令翻译成 JavaScript -- 终极目标
- Web 服务器基准测试:Go vs. Node.js vs. Nim vs. Bun
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (81)
- es6includes (73)
- windowsscripthost (67)
- apt-getinstall-y (86)
- node_modules怎么生成 (76)
- c++int转char (75)
- static函数和普通函数 (76)
- el-date-picker开始日期早于结束日期 (70)
- js判断是否是json字符串 (67)
- checkout-b (67)
- c语言min函数头文件 (68)
- asynccallback (71)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- eacces (67)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)