网站首页 > 教程分享 正文
数组的创建方式
字面量
我们知道对象创建方式有字面量的创建方式, 如:
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的新增请查看
猜你喜欢
- 2024-10-01 JavaScript 数组的常用方法(javascript数组有哪些方法)
- 2024-10-01 JavaScript中数组的方法(javascript数组有哪些方法)
- 2024-10-01 判断是否为数组的 JavaScript 方法总结
- 2024-10-01 JavaScript 中常用的数组操作方法
- 2024-10-01 JavaScript 数组常见操作(一)(javascript数组的方法)
- 2024-10-01 JavaScript之关联数组(关联数组和索引数组)
- 2024-10-01 程序员须知:高效的JavaScript数组方法
- 2024-10-01 JavaScript 数组方法的介绍(javascript中数组)
- 2024-10-01 JavaScript中5个值得被广泛使用的数组方法
- 2024-10-01 JavaScript 判断数组的方法总结,哪种最靠谱?
你 发表评论:
欢迎- 最近发表
-
- 有了这份900多页的Android面试指南,你离大厂Offer还远吗?
- K2 Blackpearl 流程平台总体功能介绍:常规流程功能
- 零基础安卓开发起步(一)(安卓开发入门视频)
- 教程:让你的安卓像Windows一样实现程序窗口化运行
- Android事件总线还能怎么玩?(事件总线有什么好处)
- Android 面试被问“谈谈架构”,到底要怎样回答才好?
- Android开发工具Parcel和Serialize
- Android 中Notification的运用(notification widget安卓)
- Android退出所有Activity最优雅的方式
- MT管理器-简单实战-去除启动页(mt管理器怎么去除软件弹窗)
- 标签列表
-
- css导航条 (66)
- sqlinsert (63)
- js提交表单 (60)
- param (62)
- parentelement (65)
- jquery分享 (62)
- check约束 (64)
- curl_init (68)
- sql if语句 (69)
- import (66)
- chmod文件夹 (71)
- clearinterval (71)
- pythonrange (62)
- 数组长度 (61)
- javafx (59)
- 全局消息钩子 (64)
- sort排序 (62)
- jdbc (69)
- php网页源码 (59)
- assert h (69)
- httpclientjar (60)
- postgresql conf (59)
- winform开发 (59)
- mysql数字类型 (71)
- drawimage (61)
本文暂时没有评论,来添加一个吧(●'◡'●)