网站首页 > 技术文章 正文
数组的创建方式
字面量
我们知道对象创建方式有字面量的创建方式, 如:
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操作数组的方式都有哪些
- 02-21走进git时代, 你该怎么玩?_gits
- 02-21GitHub是什么?它可不仅仅是云中的Git版本控制器
- 02-21Git常用操作总结_git基本用法
- 02-21为什么互联网巨头使用Git而放弃SVN?(含核心命令与原理)
- 02-21Git 高级用法,喜欢就拿去用_git基本用法
- 02-21Git常用命令和Git团队使用规范指南
- 02-21总结几个常用的Git命令的使用方法
- 02-21Git工作原理和常用指令_git原理详解
- 最近发表
- 标签列表
-
- cmd/c (57)
- c++中::是什么意思 (57)
- sqlset (59)
- ps可以打开pdf格式吗 (58)
- phprequire_once (61)
- localstorage.removeitem (74)
- routermode (59)
- vector线程安全吗 (70)
- & (66)
- java (73)
- org.redisson (64)
- log.warn (60)
- cannotinstantiatethetype (62)
- js数组插入 (83)
- resttemplateokhttp (59)
- gormwherein (64)
- linux删除一个文件夹 (65)
- mac安装java (72)
- reader.onload (61)
- outofmemoryerror是什么意思 (64)
- flask文件上传 (63)
- eacces (67)
- 查看mysql是否启动 (70)
- java是值传递还是引用传递 (58)
- 无效的列索引 (74)