javascript Array对象方法

r囧r小猫 2023-10-18 09:39 115阅读 0赞

1.Splice() 删除、插入、替换

删除： splice（startIndex, n）删除从startIndex位置开始的n个元素

强调: 1. 直接修改原数组

2. splice会将删除的元素组成新的数组返回

3. 不考虑含头不含尾

简写: 1. 支持负数参数: 代表倒数第n个位置

其实自动用length-n

2. 省略第二个参数: 一直删到结尾

插入: arr.splice(starti,0,值1,值2,...)

在starti位置插入新的值1,值2,...

强调: 1. 原starti位置的值及其之后的值被向后顺移

2. splice不支持打散数组类型参数

如果插入一个数组，则变为二维数组

替换: arr.splice(starti,n,值1,值2,...) 其实就是先删除，再插入

强调: 删除的元素个数和插入的新元素个数不必一致

2.concat() 拼接 slice()选取

拼接：arr1.concat(值1,值2,arr2,...) 将多个数组或元素拼接为一个新数组

强调:1. 无法修改原数组arr1，只能返回新数组

2. 打散数组类型的参数为单个元素再拼接

选取：arr.slice(starti,endi+1); 选择原数组中指定开始位置到结束位置之间的多个元素组成新数组

强调:

1. 不修改原数组，仅复制出想要的元素组成新数组

2. 如果一个API两个参数都是下标时，就含头不含尾

简写:

1. 支持负数参数: 代表倒数第n个位置

选择到倒数第n个位置:

arr.slice(starti,arr.length-n+1)

可简写为: arr.slice(starti,-n+1)

原理: 其实slice自动用length-n

2. 可省略第二个参数，表示一直选取到结尾!

arr.slice(starti) 从starti开始一直选到结尾

3. 两个参数都省略: 从头到尾完整复制一个数组

var arr\_clone=arr.slice();

3.sort() 排序

强调：直接修改原数组

原理：默认将每个元素转换为 字符串，在按字符串比较大小并排序

问题： 如果sort默认的排序规则不是想要的，可自定义比较器代替sort中默认的排序规则

如何：1. 定义比较器函数: 2个参数

var cmp=function(a,b)\{return a-b;\}

2. 将比较器函数作为参数传入sort函数中

arr.sort(cmp);

强调: cmp后不要带() 为什么: 回调函数callback

简写: arr.sort(function(a,b)\{return a-b;\});

问题: 如何降序:

解决: 只要颠倒比较器结果的正负

function(a,b)\{return b-a;\}

4.栈和队列: js中没有专门的栈和队列类型, 都是用普通数组模拟的.

栈stack:

什么是: 一端封闭，只能从另一端进出的数组

何时: 今后只要希望始终使用最后进入数组的新元素

特点: FILO

如何:

1. 结尾出入栈:

结尾入栈: arr.push(值) =>arr\[arr.length\]=值 在末尾追加一个新值

结尾出栈: var last=arr.pop() 移出数组末尾的最后一个元素

2. 开头出入栈:

开头入栈: arr.unshift(值) 开头入栈后的结果和结尾入栈后的结果刚好颠倒

开头出栈: var first=arr.shift()

队列queue:

什么是: 只能从一端进入，从另一端出的数组

何时: 只要希望按照先来后到的顺序使用数组元素时

特点: FIFO

如何:

结尾入队列: arr.push(值)

开头出队列: var first=arr.shift()

5.数组转字符串

String(arr): 将arr中每个元素都转为字符串，默认用逗号连接。——拍照

何时: 查看数组的中间修改状态，判断是否发生了变化

arr.join("自定义连接符"):将arr中每个元素都转为字符串，可自定义连接符。

何时: 只要不希望用逗号连接时，就必须用join

固定套路:

1. 无缝拼接: 错误: arr.join() => String(arr)

正确: arr.join("")

发表评论取消回复

表情：

评论列表（有 0 条评论，115人围观）

还没有评论，来说两句吧...

相关阅读

相关 Array对象方法(一)

Array对象方法 1.Array.protoy.some() 方法用于检测数组中的元素是否满足指定条件（函数提供）方法会依次执行数组的每个元素：

叁歲伎倆/ 2022年11月29日 05:38/ 0 赞/ 144 阅读

相关 Array 对象方法

数组方法列表 <table> <thead> <tr> <th>方法</th> <th>描述</th> </tr> </thead>

傷城~/ 2022年10月14日 10:57/ 0 赞/ 189 阅读

相关 JavaScript Array 对象的主要方法

Array 对象相当于数组，第一个数组元素的索引值为 0，第二个索引值为 1，以此类推。 Array 对象属性 concat() 连接两个或更多的数组，并返回

r囧r小猫/ 2022年09月26日 04:59/ 0 赞/ 166 阅读

相关 javaScript中Array对象的方法总结

一、构造函数 Array是JavaScript的内置对象，同时也是一个构造函数，可以用它生成新的数组。 var arr = new Array(2);

た入场券/ 2022年06月08日 05:35/ 0 赞/ 227 阅读

相关 JavaScript Array数组对象属性及方法汇总

JavaScript Array数组对象属性及方法汇总 Array 对象 Array对象属性 Array 对象方法

墨蓝/ 2022年05月13日 23:26/ 0 赞/ 384 阅读

相关 JavaScript Array 对象及 reverse 方法

Array 对象 Array 对象用于在单个的变量中存储多个值。创建 Array 对象的语法： new Array(); new Array(s

谁践踏了优雅/ 2022年04月24日 00:48/ 0 赞/ 326 阅读

相关 JavaScript 的Array对象

1.Array对象元素的下标从0开始，基本操作，创建数组，遍历数组，删除数组元素，增加数组元素代码： <html> <head>

深藏阁楼爱情的钟/ 2022年04月04日 11:44/ 0 赞/ 179 阅读

相关 JavaScript--Array对象

JavaScript–Array对象开发工具与关键技术： Visual Studio 2015 – JavaScript 作者：廖亚星撰写时间：2019年 4月

雨点打透心脏的1/2处/ 2022年02月03日 04:35/ 0 赞/ 235 阅读

相关 javaScript Array对象

Array的作用 Array的主要作用就是在单个变量中去存储多个值。 Array的创建方法 var arr = new Array(); var

Bertha 。/ 2021年12月02日 00:04/ 0 赞/ 275 阅读

相关 JavaScript Array 对象

Array 对象 Array 对象用于在单个的变量中存储多个值。创建 Array 对象的语法： new Array(); new Array(s

我会带着你远行/ 2021年06月26日 16:06/ 0 赞/ 400 阅读