JavaScript的Array对象使用(1)
1.Array对象囊括了一些关于数组的使用和方法
1.push() 后增
push()方法可以向数组后添加一个新的元素,并返回新数组的长度。
末尾添加,返回长度,改变原数组
var a = [1,2,3]
var b = a.push(4)console.log(a) // [1,2,3,4]
console.log(b) // 4
2.unshift() 前增
unshift()可以向数组前添加一个或多个元素,并返回新的长度
首部添加,返回长度,改变原数组
var a = [2,3,4]
var b = a.unshift(0,1)console.log(a) // [0,1,2,3,4]
console.log(b) // 5
3.pop() 后删
pop() 用于删除并返回最后一个元素。
尾部删除,返回被删除的元素,改变原数组
var a = [1,2,3]
var b = a.pop()console.log(a) // [1,2]
console.log(b) // 3
4.shift() 前删
shift() 用于删除并返回首个元素
删除首部元素,返回被删元素,改变原数组
var a = [1,2,3]
var b = a.shift()console.log(a) // [2,3]
console.log(b) // 1
- splice() 修该删除
splice(index,length,增加的元素1,增加的元素2…,增加的元素N) 表示从index开始删除length个元素,并从index开始新增元素1~N,放回被删除的元素组成的数组
对数组进行删除修改,返回被删除的元素组成的数组,改变原数组
var a = [1,2,3]
var b = a.splice(1,1,3,[2,3,4],5)console.log(a) // [1,3,[2,3,4],5,3]
console.log(b) // [2]
6.concat() 拼接
concat() 方法用来合并两个或多个数组
合并两个或多个数组,返回新数组,不会改变原数组
var a = [1,2,3]
var b = [4,5]
var c = a.concat(b)console.log(a) // [1,2,3]
console.log(b) // [4,5]
console.log(c) // [1,2,3,4,5]
7.slice() 剪切
slice(startIndex,endIndex) 返回从startIndex开始(包括),到endIndex(不包括)之间的原属组成的数组
返回新数组,不改变原数组
var a = [1,2,3]
var b = a.slice(0,1)
// 不填参数则表示剪切整个数组
var c = a.slice()
console.log(a) // [1,2,3]
console.log(b) // [1]
console.log(c) // [1,2,3]
console.log(a===c) // false // 注意 a !== c // 负数表示从后往前数
var d = a.slice(-1,-2)
console.log(d) // [] 从左向右截取,所以说为[]var e = a.slice(-1)
console.log(e) // [3]
8.join()
join() 方法用来将数组转换为字符串
不改变原数组,返回转换后的字符串
var a = [1,2,3,4,5]console.log(a.join(',')) // 1,2,3,4,5
console.log(a) // [1,2,3,4,5]
9.sort() 排序
按ascii码排序
改变原数组,返回排序后的数组
var a = ['a','b','d','c']console.log(a.sort()) // ['a','b','c','d']
console.log(a) // ['a','b','c','d']
10.reverse() 颠倒顺序
reverse() 方法用于颠倒数组中元素的顺序。
返回的是颠倒后的数组,会改变原数组。
var a = [1,3,2,7,6]console.log(a.reverse()) // [6,7,2,3,1]
console.log(a) // [6,7,2,3,1]
11.indexOf()和lastIndexOf()
indexOf(某元素,startIndex) 从startIndex开始,查找某元素在数组中的位置,若存在,则返回第一个位置的下标,否则返回-1
lastIndexOf(某元素,startIndex) 和indexOf()相同,区别在于从尾部向首部查询
不会改变原数组,返回找到的index,否则返回-1
若不使用下标,则一般通过includes()方法代替indexOf()
var a = [1,2,4,3,4,5]console.log(a.indexOf(4)) // 2
console.log(a.indexOf(4,3)) // 4
12.filter() 过滤
filter() 方法返回数组中满足条件的元素组成的新数组,原数组不变
filter()的参数是一个方法
var a = [1,2,3,4,11]
// 第一个参数为一个方法,有三个参数,current:当前值 index:当前值下标 array:这个数组对象
var b = a.filter(function(current,index,array){return current < 10
})console.log(b) // [1,2,3,4]
console.log(a) // [1,2,3,4,11]
13.map() 格式化数组
map() 方法来根据需求格式化原数组,返回格式化后的数组。原数组不变
var a = [1,2,3,4,5]
// 参数同filter方法
var b = a.map(function(current,index,array){return current + 1
})console.log(b) // [2,3,4,5,6]
console.log(a) // [1,2,3,4,5]
14.every()
对数组的每一项都运行给定的函数,若每一项都返回 ture,则返回 true
var a = [1,2,3,4,5]var b = a.every(function(current,index,array){return current < 6
})var c = a.every(function(current,index,array){return current < 3
})
console.log(b) // true
console.log(c) // false
15.some()
对数组的每一项都运行给定的函数,若存在一项或多项返回 ture,则返回 true
var a = [1,2,3,4,5]var b = a.some(function(current,index,array){return current > 4
})var c = a.some(function(current,index,array){return current > 5
})
console.log(b) // true
console.log(c) // false
16.forEach() 数组遍历
遍历整个数组,中途不能中断
var arr = ['a','b','c']
var copy = []
arr.forEach(function(item){copy.push(item)
})
console.log(copy)
ES6新增的方法
- find()
找到数组中第一次满足条件的元素,并返回,若找不到则返回undefined。不改变原数组。
和filter()方法的区别在于:filter返回值是所有满足条件的元素组成的数组,
一般在需要使用找到的元素时,用find()方法
var a = [1,2,3,4]
// b在下面需要使用,则一般用find
var b = a.find(function(ele,index,array){return ele == 1
})var c = 3
var d = b + c
console.log(a) // [1,2,3,4]
console.log(b) // 1
console.log(d) // 4// 若只需判断元素是否存在
// 若果是简单数组(非对象数组),则一般使用Array.includes(value)方法
// 如果为对象数组,则可以使用Array.some()方法var a = [1,2,3]
console.log(a.includes(1)) // truevar a = [{"name": "xiaoming" },{"name": "xiaohong"}]console.log(a.some(function(ele){return ele.name == 'xiaoming'
})) // true
2.findIndex()方法
findIndex()的作用同indexOf(),返回第一个满足条件的下标,并停止寻找。
区别是findIndex() 的参数为一个回调函数,且一般用于对象数组
var a = [1,2,3,4]var b = a.findIndex(function(ele,index,array){return ele === 2
})var c = a.indexOf(2) console.log(a) // [1,2,3,4]
console.log(b) // 1
console.log(c) // 1
3.includes()
includes()方法,返回一个布尔值。 参数是一个value,一般用于简单数组。
对于复杂数组,则可以使用some()方法替代includes()方法
var a = [1,2,3]
console.log(a.includes(1)) // true
4.Array.isArray()方法
用来判断一个元素是否为数组
Array.isArray([]) // true
Array.isArray({}) // false
JavaScript的Array对象使用(1)相关推荐
- JavaScript中Array 对象相关的几个方法
好记性不如烂笔头 push 方法 将新元素添加到一个数组中,并返回数组的新长度值. arrayObj.push([item1 [item2 [. . . [itemN ]]]]) 参数 arrayOb ...
- JavaScript 之 Array对象
数组 数组是值的有序集合.每个值叫做一个元素,而每个元素在数组中有一个位置(下标),以数字表示,称为索引. 数组的好处: 减少了内存的开销,代码顺序存放在一起 查找速度更快 在什么情况下使用数组: 数 ...
- javascript的Array对象
创建数组(三种) var arr1=[1,2,3,4]; var arr2=new Array(3); //数组长度是3 var arr3=new Array(1,2,3);数组元素是1,2,3: 属 ...
- 详解Javascript中的Array对象
本文地址:http://luopq.com/2016/04/01/Array-in-Javascript/,转载请注明 在上一篇文章中,我们详细介绍了Object对象.在这一篇文章中,我们来说说Arr ...
- Javascript学习总结三(Array对象的用法)
javascript Array对象的常用API 1:concat concat() 方法用于连接两个或多个数组. 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本. 举例: var a1 ...
- JavaScript – 6.JS面向对象基础(*) + 7.Array对象 + 8.JS中的Dictionary + 9.数组、for及其他...
6.JS面向对象基础(*) 7.Array对象 7.1 练习:求一个数组中的最大值.定义成函数. 7.2 练习:将一个字符串数组输出为|分割的形式,比如"刘在石|金钟国|李光洙|HAHA|宋 ...
- Javascript Array对象
在javascript中所有的数组都是Array对象.我们可以通过Array类来创建,维护数组. 在javascript中有好几种创建数组的方法 var arr = new Array(); // ...
- JavaScript 复习之 Array 对象
一.构造函数 Array是 JavaScript 的原生对象,同时也是一个构造函数. var arr = new Array(2); arr.length // 2 arr // [ empty x ...
- JavaScript 内置对象(一):Array 对象(构造函数、属性和方法)
Date 对象就是日期对象,它可以表示从年用毫秒的所有时间和日期.该对象是 JavaScript 内置对象中使用频率最高的一个对象. 1.Date 对象的构造函数 Date 对象的构造函数有以下4种: ...
最新文章
- IBM首席执行官提出人工智能部署三大基本原则
- Windows XP Mode for Windows 7
- codeforces E. Games on a CD(双hash)
- URL处理两个小工具方法
- python zlib字符串压缩
- linux 忽略大小写的查找
- 大数据应用存在哪些安全隐患
- linux新终端找回任务,如何向您的Linux终端添加强大的多任务
- ListControl
- matlab图像拼接 设计,MATLAB图像拼接算法及实现.doc
- 原神3.2私人服务器搭建
- python批量解压文件_Python 批量解压ZIP和RAR压缩文件(循环验证密码)
- mysql索引失效情况
- 深度 | 阿里新供应链体系架构解读
- 中文论文检索证明怎么开_SCI论文检索后收录证明怎么开?
- python 埋点 库_vue 友盟统计埋点插件
- 硬件接口之audio接口
- Halcon学习笔记-工业相机千兆网线和USB优劣对比
- Linux下使用Shell脚本实现反向ssh自动交互
- 概率函数和概率密度函数
热门文章
- scipy 常用函数(special, spatial.distance, integrate)
- 卷积及卷积的性质与应用
- 宽量程电压电流 stm32_尚学堂期中考试专题:初三物理知识点总结,抢分必备!|电流表|电压表|方向|势能|导线...
- python调用math函数_python3中调用C语言的函数
- python简单爬虫代码-python爬虫超简单攻略,带你写入门级的爬虫,抓取上万条信息...
- python简单爬虫代码-python简单爬虫(二)
- python创意实用案例-9个 Python 实用案例分享
- python和java的区别-Java和Python的区别 学Python语言好还是Java好
- python3入门代码-Python3入门(十三)——连接数据库
- python和java选择哪个-python与java,该选择哪一个?