当前位置:网站首页>对js的数组的理解
对js的数组的理解
2022-07-31 05:11:00 【杂乱无章的我】
数组(Array)是一个对象,它与我们普通对象功能类似,也是用来存储一些值的。不同的是普通对象是使用字符串作为属性名的,而数组时使用数字来作为索引操作元素。
索引:
从0开始的整数就是索引,数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据。
数组对象的创建于添加元素:
创建数组对象语法:
语法一:var arr = new Array();
语法二:var arr = [];使用typeof检查一个数组时,会返回object类型。
数组中的元素可以是任意的数据类型。数组中的元素以,分割。
语法一跟语法二的区别。
var arr = new Array(10); var arr = [10];
语法一创建一个数组长度为10的数组arr,语法二为创建一个元素为10的数组。
添加数组元素:
语法: arr[索引值]=数据值; 如:arr[0]=1;arr[1]=1;
读取数组中的元素语法:
语法:数组[索引]。如果读取不存在的索引,它不会报错而是返回undefined。
获取数组的长度:
语法:数组.length; 如:arr.length。
修改数组的长度
如果修改的length大于原长度,则多出的部分会空出来。
如果修改的length小于原长度,则多出的元素会被删除。
向数组里面添加元素
语法:数组[数组.length]=值;
二维数组
当我们在数组中添加元素为数组,则称这个数组为二维数组。
方法 | 描述 | 使用方式 |
concat() | 连接两个或更多的数组,并返回结果。 | 原数组名.concat(连接数组名); |
join() | 把数组的所有元素放入一个字符串。元素通过指定的分割符进行分割。 | 数组名.join("分割符"); |
pop() | 删除并返回数组的最后一个元素。 | 数组名.pop(); |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 | 数组名.push("添加元素"); |
reverse() | 颠倒数组中元素的顺序。 | 数组名.reverse(); |
shift() | 删除并返回数组的第一个元素。 | 数组名.shift(); |
slice() | 从某个已有的数组返回选定的元素。 | s数组名.slice(x,y);x为开始位置,y为借宿位置。 |
sort() | 对数组的元素进行排序。 | 数组名.sort();该方法按字母和圣墟将至作为字符串进行排序。 |
splice() | 删除元素,并向数组添加新元素。 | 数组名.splice(x,y,"添加元素");x为添加新元素的位置,y为删除几个元素。 |
toString() | 把数组转换为字符串,并返回结果。 | 数组名.toString();该 方法以逗号分隔的字符串返回数组 |
unshift() | 向数组的开头添加一个或更多元素,并返回新的长度。 | 数组名.unshift("添加元素"); |
valueOf() | 返回数组对象的原始值。 | 数组名.valueOf();其返回结果与原数组相同。 |
数组更多其它方法查看:
边栏推荐
猜你喜欢
【JVM加载】---类加载机制
[Cloud native] Ribbon is no longer used at the bottom layer of OpenFeign starting from the 2020.0.X version
08 【生命周期 组件】
leetcode-每日一题剑指 Offer II 041. 滑动窗口的平均值(队列模拟)
uni-app进阶之创建组件/原生渲染【day9】
The feign call fails, JSON parse error Illegal character ((CTRL-CHAR, code 31)) only regular white space (r
Fragmented NFT (Fractional NFT)
10 【高度塌陷与BFC】
【云原生】SQL(及存储过程)跑得太慢怎么办?
MySQL高级SQL语句(二)
随机推荐
02 【el和data的两种写法 MVVM模型】
On the side of Ali, tell me what are the application scenarios of message middleware you know?
mysql启动报错The server quit without updating PID file几种解决办法
C语言 | 获取字符串里逗号间隔的内容
【JVM加载】---类加载机制
leetcode-每日一题剑指 Offer II 041. 滑动窗口的平均值(队列模拟)
代码块、Package,Import,封装(第六天)
NFT与数字藏品到底有何区别?
npm WARN config global `--global`, `--local` are deprecated. Use `--location solution
08 【生命周期 组件】
05 【绑定样式 条件渲染 列表渲染】
永恒之蓝漏洞复现
uni-app进阶之模版语法与数据绑定【day7】
File operations in C language (1)
Redis:简单实用
"limit" query in Oracle database
vulhub靶场学习日记hackme1
leetcode-1833. 雪糕的最大数量(排序+贪心)
gin框架学习-Casbin入门指南(ACL、RBAC、域内RBAC模型)
数字孪生将成为进入“元宇宙”一项重要的途径