JavaScript数组对象下的API,splice()的用法(JS笔记:十七)

news/2024/7/19 13:10:06 标签: javascript, js, html, vue.js, css

JavaScript数组对象下的API,splice()的用法(JS笔记:十七)


数组对象下的API:

  • 所有API之前都需要arr.调用此API。除了2个增加2个删除1个倒叙和splice,其他的都不改变自身,返回一个值。

toString():将数组返回为字符串
join():将数组返回为字符串,参数可替换,逗号。如果不加参数则和toSting一样
push():在数组尾部增加一个元素,返回数组长度
unshift():在数组头部增加一个元素,返回数组长度
pop():在数组尾部删除一个元素,返回数组长度
shift():在数组头部删除一个元素,返回数组长度
concat():合并数组,参数为要合并的数组
splice():删除、替换、插入元素。参一:开始索引值,参二:要操作元素的个数,参三:替换/增加的元素(可不加)。返回改动的元素
slice():返回数组一部分
reverse():颠倒数组
sort():将数组排序 a-b升序 b-a降序
indexOf():查询数组中是否存在某个元素,有返回第一次出现的索引值,没有返回-1
reduce():累运算元素,返回累运算后的结果
forEach():遍历数组,没有返回值
filter():过滤元素,返回满足条件的数组
find():查找数组中是否有满足条件的元素,有返回查询到的结果,没有返回undefined
findIndex():查找数组中是否有满足条件的元素,有的话返回满足条件的索引值,没有返回-1
map():重组数组,返回经过操作后的元素
some():检查数组中是否存在满足条件的元素,满足返回true,不满足返回false
Array.isArray():判定参数是否为数组,是返回true,不是返回false
Array.from():将类数组转为真数组,类数组不能调用数组下的API
 

splice()的用法:

splice(startIndex,length,item)

  • 参数一:开始的索引值
  • 参数二:要操作元素的个数
  • 参数三:替换的元素(可不加)。
  • 注意:splice()改变的是数组本身,返回的是改动的元素

删除startIndex后指定个数的元素

  • splice(startIndex,length)删除从startIndex起后面的length个元素
html" title=javascript>javascript"> var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(0,2) // 删除startIndex起后面的两个元素
console.log(arr); // [2, 3, 4, 5, 6, 7, 8, 9, 10]

删除startIndex后的所有元素

  • splice(startIndex)删除从startIndex起后面的所有元素包括startIndex本身
html" title=javascript>javascript">var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(2) // 删除从startIndex起后面的所有元素包括startIndex本身
console.log(arr); // [0, 1]

在指定位置插入元素

  • splice(startIndex,0,item)在startIndex前插入item
html" title=javascript>javascript">var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(1,0,99) // 在startIndex前插入元素
console.log(arr); // [0, 99, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

替换指定的元素

  • splice(startIndex,1,item)将startIndex替换为item
  • splice(startIndex,length,item)如果length大于1,则删除startIndex后的length个元素,然后插入一个新元素
html" title=javascript>javascript">var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(0,1,99) // 将startIndex替换为item
console.log(arr); // [99, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(0,2,99) // 如果length大于1,则删除startIndex后的length个元素,然后插入一个新元素
console.log(arr); // [99, 2, 3, 4, 5, 6, 7, 8, 9, 10]

 
 
(JS笔记:十七    date:2020-12-02)


http://www.niftyadmin.cn/n/983975.html

相关文章

数据科学项目:适用于App Store和Google Play的有利可图的应用配置文件

At Dataquest, we strongly advocate portfolio projects as a means of getting a first data science job. In this blog post, we’ll walk you through an example portfolio project. This is the third project in our Data Science Portfolio Project series: 在Dataque…

JavaScript中JSON类型的数据转换和使用(JS笔记:十八)

JavaScript中JSON类型的数据转换和使用(JS笔记:十八) JSON的特点: json实现深拷贝是最优解,性能最好json对象就是数据,json格式数据json是可以独立语言单独存在的。比如str_json js支持 java也支持 php也支持 JSON.stringify()&#xff1…

部署Ganglia监控HadoopHbase

ganglia的三个组件gmond,gmetad,gweb介绍 ganglia是由这三个服务组成,下面详细介绍一些各自的作用 gmond: 这个好比其他监控软件的agent,是运行在需要监控的主机上面,负责获取监控指标数据,内…

NLB多WEB站点访问共享文件解决方案

在公司门户项目正式部署的时候,因BPM站点采用NLB集群部署方式,BPM站点有多个WEB前端服务器。流程都有上传附件功能,起初因没考虑服务器正式环境NLB的部署方式,只是简单的将所有附件保存在BPM WEB站点的Upload文件夹里。部署到正式…

lamp

重启apache服务器 systemctl restart httpd 打开浏览器中php的错误报告 从phpinfo();中查看Loaded Configuration File 找到php.ini修改display_errors on,开发时打开。 安装php-mysql的扩展,重启apache服务器后才能使用mysql函数,否则报错。…

JavaScript获取DOM节点的办法(JS笔记:十九)

JavaScript获取DOM节点的方法(JS笔记:十九) DOM节点的三种分类&#xff1a; 元素节点<div></div>元素标签文本节点"hello word"文本属性节点class id name属性 DOM获取节点的方法&#xff1a; 通过id获取&#xff1a;document.getElementById() 参数…

Selenium基础知识(元素定位的调试)

对一个不能直接定位的元素来说&#xff0c;调试是很常见的事&#xff0c;所以这里也简单总结了一下。 调试定位元素的工具很多&#xff0c;介绍也多&#xff0c;就不一一介绍了。下次有时间再补充。以下是我常用调试的方法&#xff08;浏览器自带的控制台调试&#xff0c;仅介绍…

Javascript高级程序设计——执行环境与作用域

Javascript中执行环境是定义了变量或函数有权访问的其他数据&#xff0c;决定了各自的行为&#xff0c;每个执行的环境都有一个与之关联的变量对象&#xff0c;环境中定义的所以变量和函数都保存在这个对象中。 全局执行环境是最外围的一个执行环境。全局执行环境被认为是windo…