网站首页 > 技术文章 正文
以前经常在项目里需要对ajax回传回来的数组进行各种处理,也就用一下push、concat这样的方法多一些,殊不知javascript里对数组还有很多强大的方法,今天我对之进行学习和总结。
数组的创建
创建数组有两种方式,一种是直接量的形式,另一种是使用new操作符的形式。
直接量形式
注意:数组直接量的语法允许有可选的结尾逗号,故上述arr3.length的值是2而不是3。
2.调用构造函数Array
数组元素的读写操作
数组方法
push()和pop()
push方法的作用是在数组的末尾追加元素,pop则相反,是在数组的末尾删除元素
示例如下:
unshift()和shift()
与push和pop方法行为非常类似,但不一样的是unshift()和shift()是在数组的头部而非尾部进行插入和删除操作。
unshift() 在数组的头部插入元素
shift() 在数组的头部删除元素
示例如下:
slice()
该方法用于截取数组,返回一个由截取数组元素组成的新数组,但不会影响原数组。该方法有两个参数,第一个参数表示截取的起始位置,第二个参数表示截取的结束位置,其中第二个参数还可以是负数,表示倒数第几个元素的位置,如-1表示倒数第一个元素的位置,-2表示倒数第二个元素的位置。
另外该方法还可以用于截取字符串,与substr和substring效果类似。
示例如下:
splice()
该方法用来修改数据,包括插入和删除元素,可以有多个参数,第一个参数表示要删除(插入)元素的起始位置,第二个参数表示要删除元素的个数,如果不删除元素可以将该参数置为0,如果省略该参数,则将删除起始位置到数组结尾的所有元素。第三个参数及其后的任意个参数指定了要插入到数组中的元素。
示例如下:
concat()
concat()方法用于合并两个数组并返回一个新创建的数组。
示例如下:
join()
join()方法实现将数组转成字符串,与字符串的split()方法是可逆的。该方法有一个可选参数,可以在生成的字符串中用来分隔数组的各个元素。
注意:不写参数默认以逗号作为分隔符,空字符串(“”)可以不对数组元素进行分隔,若要用其他字符进行分隔可以自己定义参数,如split(“-“)
示例如下:
reverse()
reverse()方法将数组中的元素颠倒顺序,并直接改变原数组。
sort()
sort()方法用于排序数组中的元素,并直接改变原数组。
有三种情况:
1.sort() 无参,数组元素以字母表顺序排列
2.按照数值大小升序排列
3.按照数值大小降序排列
总结
在项目中js数组是最常用的数据类型,因为业务数据一般都会以数组的方式接收,毕竟还有一种特殊的数组——json数组,从而让数组更加受开发者们的青睐,所以掌握以上数组的用法,可以更方便前端开发人员对前台业务逻辑进行处理。
猜你喜欢
- 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)