JS数组的常用方法
arr.join(str)
- 把arr使用str拼接成字符串
- str拼接符
- 返回:String
arr.reverse()
- 翻转数组
- 翻转操作的是原数组
- 返回:Array数组
arr.concat(arr1,arr2)
- 把参数数组和源数组进行拼接,形成一个新的数组
- 返回:Array
arr.length
- 数组的元素个数注意:真实的元素个数和length的值不一定相等,一个数组的length = 数组的最大索引值 + 1
- 可读可写,这就意味着,我们可以对一个数组的length进行修改,如果length的值修改成小于现有数组索引的值,那么大于修改后的length的值将会被自动删除,所以,除非我们知道修改length所带来的问题,否则不要轻易的去修改length属性
添加类
arr.push(data1[data2...])
- 向数组的尾部添加新的数据
- 返回:Number,返回新数组的长度
arr.unshift(data1[data2...])
- 向数组的头部添加新的数据
- 返回:Number,返回新数组的长度
删除类
arr.pop()
- 删除数组的最后一个
- 返回:被删除的元素
- 返回类型:被删除元素的类型
arr.shift()
- 删除数组第一个
- 返回:被删除的元素
- 返回类型:被删除元素的类型
arr.splice([start,count,data1...])
- 删除数组指定位置的内容,并在删除的位置添加新的数据
- start删除的起始位置,默认为0
- count要删除元素的个数,默认为0
- data1...要添加的新的元素
- 返回:Array,被删除的元素
arr.slice(start,end)
- 截取从start位置开始到end位置结束,不包含end位置的元素
- start截取的起始位置,默认为0
- end截取的结束位置,默认数组的length
- 返回:Array,被截取的元素
循环类
arr.forEach(callback)
- 循环遍历数组元素
- 当我们调用数组的forEach方法的时候,这个方法的内部会循环该数组,每次循环都会调用传入的callback
- callback:函数,在forEach循环遍历的时候被调用
arr.forEach(function(value,key){
console.log(key,value)
})
value:循环过程中对应的值
key:循环过程中对应的下标
arr.map(callback)
- 循环遍历数组元素
- 目的:创建新数组
- 根据已有的数组,创建一个结构类似的新数组
- 返回:Array数组
arr.filter(callback)
- 循环遍历数组元素
- 目的:创建新数组
- 根据一个已有数组床架新数组,如果回调函数返回true,就保留当前循环的原始值,如果是false,就会丢弃
- 保留下的是过滤后的原数组
arr.sort(callback)
- 默认根据unicode编码来排序
- 我们可以传入一个回调函数来设置排序的规则
- callback:回调函数,设置排序规则
- 根据函数的return值来决定要不要交换位子
- 排序:交换 小于等于0,不交换位子 大于0,交换位子
arr.from(arr)
- 用于将类数组对象转化为真正的数组
arr.of(str1,str2,...)
- 用于将一组参数转化为数组
- 可以解决原始创建数组的方法中的一个问题:如果new Array(3),如果只是传入一个数字作为参数这个参数会被当做数组的长度,而不是内容
arr.keys()
- 用于for of对数组和键名的遍历
- 语法
for(let index of arr.keys()){}
arr.entries()
- 用于for of对数组键值对的遍历
- 语法
for(let [index,ele] of arr.entries()){}
JS数组的常用方法的更多相关文章
- JS数组array常用方法
JS数组array常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2)获取对象的 ...
- js 数组的常用方法归纳
数组的常用方法归纳 slice(start,end) 传参:start代表从哪里开始截取,end代表截取结束的地方 var a = [1,2,3]a.slice(1);//[2,3] pop() 可以 ...
- js数组去重常用方法
js数组去重是面试中经常会碰到的问题,无论是前端还是node.js数组常见的有两种形式,一种是数组各元素均为基本数据类型,常见的为数组字符串格式,形如['a','b','c'];一种是数组各元素不定, ...
- js数组的常用方法(10种)
数组的常用方法 数组在JavaScript中经常使用,如何对数组进行增删改非常重要,下面为数组的常用方法: 在数组末尾插入元素 arr.push(value),在数组的末尾添加一个或多个元素,并返回数 ...
- js 数组的常用方法
pop,push,reverse,shift,sort,splice,unshift 会改变原数组 join,concat,indexOf,lastIndexOf,slice,toString 不会改 ...
- JS数组操作常用方法
toString():把数组转换成一个字符串 toLocaleString():把数组转换成一个字符串 join():把数组转换成一个用符号连接的字符串 shift():将数组头部的一个元素移出 un ...
- js数组对象常用方法小结
~~~数组添加元素后一般返回数组的新长度 如: push(ele1[,ele2...]), unshift(ele1[,ele2...]) ~~~数组删除元素后一般返回被删除的元素 如: pop() ...
- JS 数组Array常用方法
参考网站: http://www.jb51.net/article/60502.htm,作者:junjie 今天在使用js切割字符串"浙江,江苏 , 天津,"...这样字符串的时候 ...
- js 数组操作常用方法
push():在数组后面加入元素,并返回数组的长度: unshift():在数组前面就如元素,并返回数组的长度: pop():删除最后一个元素: var arr =[1,2,3,4,5] ; arr. ...
- JS 数组的常用方法详解归纳之改变原数组方法
shift() 把数组的第一个元素从其中删除,并返回第一个元素的值, 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值.请注意,该方法不创建新数组,而是直接修改 ...
随机推荐
- spring-boot-lll-starter自动化框架介绍
1. spring-boot-lll-starter自动化框架介绍 1.1. 前言 舔着脸来介绍一波我刚写的自动化框架,spring-boot-lll-starter框架是经由我企业实战总结的一套,适 ...
- SourceTree for Windows跳过登录解决方法
来源:https://blog.csdn.net/t_332741160/article/details/79611303 SourceTree 是一个强大的git管理客户端,但是在使用最新版需要登录 ...
- 《JAVA8开发指南》使用流式操作
为什么需要流式操作 集合API是Java API中最重要的部分.基本上每一个java程序都离不开集合.尽管很重要,但是现有的集合处理在很多方面都无法满足需要. 一个原因是,许多其他的语言或者类库以声明 ...
- 日志分析工具ELK(一)
一.ELK介绍 1.1 elasticsearch 1.1.1 elasticsearch介绍 ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎 ...
- 【Django】runserver 0.0.0.0:0 后,究竟发生了什么
WSGI协议 Django是遵循WSGI协议设计的 WSGI协议主要包括server和application两个部分: WSGI server:负责从客户端接收请求,将request转发给applic ...
- Hyperledger Fabric基础知识
文章目录 什么是Hyperledger Fabric? Hyperledger架构是怎么工作的? Hyperledger交易如何执行 总结 Hyperledger Fabric基础知识 本文我们会介绍 ...
- Tomcat 8 Host-Manager配置访问的方法,全网唯一正确配置
2019独角兽企业重金招聘Python工程师标准>>> 环境: 操作系统: Linux version 2.6.32-696.10.1.el6.x86_64 (moc ...
- Python第三方库之Numpy库
概述 Numpy 最基本的库,是用于处理含有同种元素的多维数组运算的第三方库 —科学计算包,python数据分析及科学计算的基础库,几乎支撑所有其他库 —支持N维数组运算.处理大型矩阵.成熟的广播函 ...
- Spring官网阅读(八)容器的扩展点(三)(BeanPostProcessor)
在前面两篇关于容器扩展点的文章中,我们已经完成了对BeanFactoryPostProcessor很FactoryBean的学习,对于BeanFactoryPostProcessor而言,它能让我们对 ...
- Spring Cloud Stream学习(五)入门
前言: 在了解完RabbitMQ后,再来学习SpringCloudStream就轻松很多了,SpringCloudStream现在主要支持两种消息中间件,一个是RabbitMQ,还有一个是KafK ...