数组方法
1.创建数组
var arr1 = [ ] // 创建空数组
var arr2 = [ 1 ] // 创建含有一项的数组
var arr3 = new Array ( ) // 创建空数组
var arr4 = new Array ( 20 ) // 创建含有20项的数组
var arr4 = new Array ( ' 张三 ' ) // 创建含有一项的数组
2.join
join() 方法用于把数组中的所有元素放入一个字符串。
元素是通过指定的分隔符进行分隔的。
// 默认状态
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join()) // George,John,Thomas
// 用特殊符号分割
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join(".")) // George.John.Thomas
3.尾部 添加(push) / 删除(pop)
改变原数组
var arr1 = [1];
var arr2 = arr1.push(10,2);
console.log(arr2) // 3 返回修改数组的长度
console.log(arr1) // [ 1, 10, 2 ]
var arr1 = [ 1, 2, 3 ]
var arr2 = arr1.pop()
console.log(arr2) // 3 返回被移除的项
console.log(arr1) // [ 1, 2 ]
4.头部 添加(unshift) / 删除(shift)
改变原数组
var arr1 = [ 1, 2, 3 ]
var arr2 = arr1.shift()
console.log(arr2) // 1 返回被删除的项
console.log(arr1) // [ 2, 3 ]
var arr1 = [ 1, 2, 3 ]
var arr2 = unshift(5)
console.log(arr2) // 4 返回新数组长度
console.log(arr1) // [ 5, 1, 2, 3 ]
5.sort 排序
按照坐标依次比较
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />") // George,John,Thomas,James,Adrew,Martin
document.write(arr.sort()) // Adrew,George,James,John,Martin,Thomas
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />") // 10,5,40,25,1000,1
document.write(arr.sort()) // 1,10,1000,25,40,5
按照总大小排序如下：
function sortNumber(a,b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />") // 10,5,40,25,1000,1
document.write(arr.sort(sortNumber)) // 1,5,10,25,40,1000
5.reverse 数组反转顺序
该方法会改变原来的数组，不创建新数组
var arr1 = [ 1, 2, 3 ]
var arr2 = arr1.reverse()
console.log(arr2) // [ 3, 2, 1 ]
6.concat 连接数组
不改变现有的数组，返回新数组
var a = [ 1, 2, 3 ]
let b = a.concat( 4, [ 7, 8 ] )
console.log(b) // [ 1, 2, 3, 4, 7, 8 ]
7.slice
返回从开始下标到结束下标之间的项组成的新数组。(不包括结束位置的项)
只有一个参数返回从该参数指定位置开始到当前数组末尾的所有项。
如果参数是负数，那么它规定从数组尾部开始算起的位置。
不修改数组，返回新数组。
如果想删除数组中的一段元素，应该使用方法 Array.splice()。
var arr1 = [ 1, 2, 3, 4, 5, 6, 7 ] // slice提取数组的某一段 arr.slice(start, end);
var arr2 = arr1.slice(1);
var arr3 = arr1.slice(1, 4)
var arr4 = arr1.slice(-4, -1)
console.log(arr2) // [ 2, 3, 4, 5, 6, 7 ]
console.log(arr3) // [ 2, 3, 4 ]
console.log(arr4) // [ 4, 5, 6 ]
console.log(arr1) // [ 1, 2, 3, 4, 5, 6, 7 ]
8.splice 可以实现删除、插入和替换
返回被删除的项目，改变原数组。
splice 和 slice 是有区别的，splice直接修改了原数组，slice不改变原数组。
splice(a, b) // 实现删除， a: 要删除的第一项的位置; b: 要删除的项数
splice(a, 1, c) // 实现替换，a位置的替换成c
splice(a, n, x, y) // 实现删除和插入，从a位置删除n项，并在此位置插入x，y
var arr = [ 1, 2, 3, 4, 5, 6 ]
var arr1 = arr.splice(0, 2)
console.log(arr1) // [ 1, 2 ]
console.log(arr) // [ 3, 4, 5, 6 ]
var arr2 = arr.splice(2, 1, 7)
console.log(arr2) // [ 4 ]
console.log(arr) // [ 3, 7, 5, 6 ]
var arr3 = arr.splice(2, 0, 8, 9)
console.log(arr3) // [ ]
console.log(arr) // [ 3, 7, 8, 9, 5, 6 ]
9.toString 把数组转化为字符串,并返回结果
返回值与没有参数的 join() 方法返回的字符串相同
toArray 是把字符串转化成数组
var arr = [ 1, 2, 3 ]
var arr1 = arr.toString()
console.log(arr1) // "1,2,3"
10.indexOf 、 lastIndexOf
查找数据在数组中的位置
1）indexOf
indexOf() 不加参数，从数组起点位置向后查找;
indexOf(a, b) 两个参数：a为要查找的项，b为查找起点的index坐标位置
2）lastIndexOf
lastIndexOf() 不加参数，从数组末尾往前查找；
lastIndexOf(a, b) 两个参数：a为查找项，b为查找起点的index坐标位置
var arr = [ 1, 2, 5, 7, 3, 3, 4, 5, 6, 7, 8 ]
var a = arr.indexOf(5)
var b = arr.indexOf(5, 2)
var c = arr.lastIndexOf(5)
var d = arr.lastIndexOf(5, 3)
console.log(a) // 2
console.log(b) // 4
console.log(c) // 3
console.log(d) // 4
11.filter 过滤
语法：array.filter(function(currentValue,index,arr), thisValue)
var arr = [ 1, 2, 3, 4, 5, 6, 7, 8 ]
var arr2 = arr.flter(function(a,index) {
return index%2 ===0 & a>3
} )
console.log(arr2) // [ 5, 7 ]
12.forEach 遍历
语法：array.forEach(function(currentValue, index, arr), thisValue)
var arr = [ 1, 2, 3, 4 ]
arr.forEach(function(a,index,newArr) {
console.log("index:" + index + " -- " + a + " -- " + (newArr === arr))
} )
// 输出：
// index:0 -- 1 -- true
// index:1 -- 2 -- true
// index:2 -- 3 -- true
// index:3 -- 4 -- true
13.map 数据映射
语法：array.map(function(currentValue,index,arr), thisValue)
var arr = [ 1, 2, 3, 4 ]
var arr2 = arr.map(function(item) {
return item*2
} )
console.log(arr2) // [ 2, 4, 6, 8 ]
14.every
判断每一项是否满足条件，所有项都满足，返回true
语法：array.every(function(currentValue,index,arr), thisValue)
var arr = [ 1, 2, 3, 4, 5 ]
var arr2 = arr.every(function(x) {
return x < 10
} )
var arr3 = arr.every(function(y) {
return y > 3
})
console.log(arr2) // true
console.log(arr3) // false
15.some
判断数组中是否含有满足条件的项，含有一个就返回true
语法：array.some(function(currentValue,index,arr),thisValue)
var arr = [ 1, 2, 3, 4, 5 ]
var arr2 = arr.some(function(x) {
return x > 4
} )
var arr3 = arr.some(function(y) {
return y > 10
} )
console.log(arr2) // true
console.log(arr3) // false
16.reduce、reduceRight
迭代数组的所有项，最终返回一个值
reduce是从第一项往后依次遍历，reduceRight是从最后一项往前
语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
参数：
total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象。
initialValue 可选。传递给函数的初始值。
var arr = [ 1, 2, 3, 4, 5 ]
var sum = arr.reduce(function(prev, current, index, newArr) {
return prev +current
}, 5 )
console.log(sum) // 25
17.find、findIndex
注意: 这两个方法
对于空数组，函数是不会执行的。
并没有改变数组的原始值。
1）find：返回通过测试（函数内判断）的数组的第一个元素的值，如果没有符合条件的元素返回 undefined。
var ages = [4, 12, 16, 20];
var a = ages.find(function(x) {
return x > 16
} )
console.log(a) // 20
2）findIndex：返回通过测试（函数内判断）的数组的第一个元素的索引位置，如果没有符合条件的元素返回 -1。
var ages = [4, 12, 16, 20];
var a = ages.findIndex(function(x) {
return x > 16
} )
console.log(a) // 3
18.includes 判断一个数组是否包含一个指定的值
let site = ['runoob', 'google', 'taobao'];
site.includes('runoob');
// true
site.includes('baidu');
// false
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
