IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript学习笔记(数组) -> 正文阅读

[JavaScript知识库]JavaScript学习笔记(数组)

JS学习笔记(数组)

数组

数组也是对象
它和我们普通对象功能类似,也是用来存储一些值的
不同的是普通对象是使用字符串作为属性名的,而数组是使用数字来作为索引操作元素
索引:从0开始的整数就是索引
数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据
数组中的元素可以是任意数据类型的数据

向数组中添加元素
	语法:数组[索引]=值

读取数组中的元素
	语法:数组[索引]
	如果读取不存在的索引,他不会报错而是返回undefined

创建数组

使用字面量来创建数组
	语法:var 数组名 = [1,2,3.... ]
	使用字面量创建数组时,可以在创建时就指定数组中的元素

使用构造函数创建数组时,也可以同时添加元素,将要添加的元素作为构造函数的参数传递
元素之间用“,”隔开

数组对象属性

获取数组的长度
	可以使用length属性来获取数组的长度(元素的个数)
	语法:数组.length

对于连续性的数组,使用length可以获取到数组的长度(元素个数)
对于非连续性的数组,使用length会获取到数组的最大的索引+1(尽量不要使用非连续性数组)

length修改:
	如果修改的length大于原长度,则多出来部分会空出来
	如果修改后的length小于原长度,则多出来的部分会被删除

向数组最后一个位置添加元素
	语法:数组[数组.length]=值

数组对象方法

push()
	该方法可以向数组的末尾添加一个或多个元素,并且返回数组的新长度
	可以将要添加的元素作为方法的参数传递,这样这些元素将会自动添加到数组的末尾
	该方法会将数组新的长度作为返回值返回

pop()
	该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回

unshift()
	向数组开头添加一个或多个元素,并返回新的数组长度

shift()
	可以删除数组的第一个元素,并将被删除的元素作为返回值返回

slice()
	用法:var newArr = arr.slice(start,end)
	可以用来从数组中提取指定元素
	该方法不会改变原数组,而是将截取到的元素封装到一个新的数组中返回
	参数:
		1.截取开始的位置的索引(包含开始位置索引)
		2.截取结束的位置的索引(不包含结束位置索引)
			第二个参数可以不写,此时会截取从索引往后的所有元素
		索引可以传递一个负值,如果传递负值,则从后面往前计算
			-1倒数第一个
			-2倒数第二个

splice()
	用法:var newArr = arr.splice(start,count)
	可以用于删除数组中的指定元素
	使用splice()会影响原数组,会将指定元素从原数组中删除
		并将被删除的元素作为新数组返回
	参数:
		第一个,表示开始位置的索引
		第二个,表示删除的数量
		第三个及以后:
			可以传递一些新的元素,这些元素将会自动插入到开始位置索引前边

concat()
	用法:var newArr = arr.concat(arr2,arr3,“元素”,。。。)
	可以连接两个或多个数组,并将新的数组返回
	该方法不会对原数组产生影响

join()
	该方法可以将数组转换为一个字符串
	该方法不会对原数组产生影响,而是将转换后的字符串作为结果返回
	在join()中可以指定一个字符串作为参数,这个字符串将会称为数组中元素的连接符
		如果不指定连接符,则默认使用“,”作为连接符

reverse()
	该方法用来反转数组(前面的去后边,后边的去前面)
	该方法会直接修改原数组

sort()
	可以用来对数组中的元素进行排序
	也会影响元素,默认会按照Unicode编码进行排序
	即使对于纯数字的数组,使用sort()排序时,也会按照Unicode编码来排序,所以对于数字进行排序时,可能会得到错误的结果。
	我们可以自己来指定排序的规则
		我们可以在sort()添加一个回调函数,来指定排序规则,
			回调函数中需要定义两个形参a和b
			浏览器将会分别使用数组中的元素作为实参去调用回调函数
			使用哪个元素调用不确定,但是肯定的是在数组中a一定在b的前边
		浏览器会根据回调函数的返回值来决定元素的顺序,
			如果返回一个大于0的值,则元素会交换位置
			如果返回一个小于0的值,则元素不会交换位置
			如果返回一个等于0的值,则认为两个元素相等,元素不会交换位置

	如果需要升序排序,则返回a-b
		如果需要降序排序,则返回b-a

数组遍历

所谓的遍历数组,就是将数组中所有的元素都取出来

一般我们都是使用for循环去遍历数组,
	JS中还为我们提供了一个方法用来遍历数组:
		forEach( )
		这个方法只支持IE8以上的版本,IE8及以下的版本不支持

forEach( )方法需要一个函数作为参数
	用法:forEach(function(value,index,obj){
					代码块。。。
				})
	像这种函数,由我们创建但是不由我们调用的,我们称为回调函数
	数组中有几个元素函数就会执行几次,每次执行时,浏览器会将遍历到的元素
		以实参的形式传递进来,我们可以来定义形参,来读取这些内容
	浏览器会在回调函数中传递三个参数
		第一个参数,就是当前正在遍历的元素
		第二个参数,就是当前正在遍历的元素索引
		第三个参数,就是当前正在遍历的数组
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-08 11:42:45  更:2021-10-08 11:43:42 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 23:24:35-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码