javaScript基本使⽤api 基本⽅法
isArray() 判断数组
isArray() ⽅法⽤于判断是否是数组(有兼容性)
语法:Array.isArray(arr)
返回值:是数组,返回true。不是数组,返回false。
if (Array.isArray([1,2,3])) {
// true
} else {
// false
}
toString() 转字符串
toString() ⽅法可把数组转换为字符串,并返回结果。
语法:String()
返回值:字符串
var arr = ['a','s','d']
var str = String()
console.log(str) // a,s,d
join() 分割
join() ⽅法⽤于把数组中的所有元素放⼊⼀个字符串。
语法:array.join(separator)
separator:可选。分割符,默认英⽂逗号。
返回值:字符串
var arr = ['a','s','d']
var str = arr.join()
console.log(str) // a,s,d
pop() 删除数组最后⼀项
pop() ⽅法⽤于删除并返回数组的最后⼀个元素。
语法:arrayObject.pop()
返回值:数组长度减1,并返回删除的元素的值。如果是空数组,返回undefined。
var arr = ['a','s','d']
var str = arr.pop()
console.log(str) // d
console.log(arr) // a,s
push() 数组尾部添加元素
push() ⽅法可向数组的末尾添加⼀个或多个元素,并返回新的长度。
语法:arrayObject.push(newelement1,newelement2,....,newelementX)
newelement1:必需。要添加到数组的第⼀个元素。
newelement2:可选。要添加到数组的第⼆个元素。
newelementX:可选。可添加多个元素。
返回值:新的长度
var arr = ['a','s','d']
filter过滤对象数组var len = arr.push('f')
console.log(len) // 4
console.log(arr) // a,s,d,f
shift() 删除数组第⼀项
shift() ⽅法⽤于删除并返回数组的第⼀个元素。
语法:arrayObject.shift()
返回值:数组长度减1,并返回删除的元素的值。如果是空数组,返回undefined。var arr = ['a','s','d']
var str = arr.shift()
console.log(str) // a
console.log(arr) // s,d
unshift() 数组开头添加元素
unshift() ⽅法可向数组的开头添加⼀个或多个元素,并返回新的长度。
语法:arrayObject.unshift(newelement1,newelement2,....,newelementX)
newelement1:必需。要添加到数组的第⼀个元素。
newelement2:可选。要添加到数组的第⼆个元素。
newelementX:可选。可添加多个元素。
返回值:新的长度
var arr = ['a','s','d']
var len = arr.unshift('f')
console.log(len) // 4
console.log(arr) // f,a,s,d
reverse() 颠倒数组
reverse() ⽅法⽤于颠倒数组中元素的顺序。
返回值:排序的原数组。
var arr = ['a','s','d']
console.log(arr) // d,s,a
sort() 排序
sort() ⽅法⽤于对数组的元素进⾏排序。
语法:arrayObject.sort(sortby)
sortby:可选。规定排序顺序,必须是函数。默认按字母编码顺序排序。
返回值:排序的原数组。
var arr = ['a','c','d','b']
arr.sort()
console.log(arr) // a,b,c,d
concat() 合并数组
concat() ⽅法⽤于合并两个或多个数组。
语法:at(arrayX,arrayX,......,arrayX)
arrayX:必需。该参数可以是具体的值,可以是数组对象,也可以是任意多个。
返回值:返回⼀个新的数组。不会改变原数组。
var arr1 = ['a','b']
var arr2 = ['c','d']
var arr3 = at(arr2)
console.log(arr1)  // a,b
console.log(arr2)  // c,d
console.log(arr3)  // a,b,c,d
slice() 提取
slice() ⽅法可从已有的数组中返回选定的元素。
语法:arrayObject.slice(start,end)
start:必需。规定从何处开始选取(包含)。
end:可选。规定从何处结束选取(不包含)。
返回值:返回⼀个新的数组。不会改变原数组。
var arr = ['a','b','c','d','e']
var newArr = arr.slice(1,3)
console.log(arr)    // a,b,c,d,e
console.log(newArr) // b,c
splice() 添加、删除、替换
splice() ⽅法⽤于添加、删除、替换数组元素,返回被删除的项⽬。
语法:arrayObject.splice(index,howmany,item1,.....,itemX)
index:必需。整数,规定添加/删除项⽬的位置。
howmany:必需。要删除的项⽬数量。如果设置为 0,则不会删除项⽬。
item1,.....,itemX:可选。向数组添加/替换的新项⽬。
返回值:删除的数组。
// 删除元素
var arr = ['a','b','c','d','e']
arr.splice(2,1)
console.log(arr)    // a,b,d,e
// 删除元素替换新元素
var arr = ['a','b','c','d','e']
var del = arr.splice(1,1,'f')
console.log(arr)    // a,f,c,d,e
console.log(del)    // b
// 添加新的元素
var arr = ['a','b','c','d','e']
arr.splice(1,0,'f')
console.log(arr)    // a,f,b,c,d,e
indexOf() 查⾸次位置
indexOf() ⽅法可返回⼀个指定元素在数组中第⼀次出现的位置。
语法:Array.indexOf(item,start)
item:必须。查的元素。
start:可选的整数参数。规定在数组中开始检索的位置。
返回值:元素在数组中的位置,如果没有搜索到则返回 -1。
var arr = ['a','c','b','c','e']
var index = arr.indexOf('c')
console.log(index)  // 1
lastIndexOf() 查最后位置
lastIndexOf() ⽅法可返回⼀个指定元素在数组中最后出现的位置,从后向前查。
语法:Array.lastIndexOf(item,start)
item:必须。查的元素。
start:可选的整数参数。规定在数组中开始检索的位置。
返回值:元素在数组中的位置,如果没有搜索到则返回 -1。
var arr = ['a','c','b','c','e']
var index = arr.lastIndexOf('c')
console.log(index)  // 3
迭代数组的5种⽅法
every()
every()⽅法⽤于判断数组中是否每个元素都满⾜条件。
语法:Array.every(function(item,index,array) { return 条件 })
item:必须。当前元素的值。
index:当前元素的索引。
array:当前元素的数组对象。
返回值:只有都满⾜才返回true,只要有⼀项不满⾜返回false。
var arr = [1,2,3,4,5,6]
var res = arr.every(item => {
return item > 2
})
console.log(res)    // false
some()
some()⽤于判断数组中是否有⾄少⼀个元素满⾜条件。
语法:Array.some(function(item,index,array) { return 条件 })
item:必须。当前元素的值。
index:当前元素的索引。
array:当前元素的数组对象。
返回值:只要有⼀个满⾜就返回true,只有都不满⾜才返回false。
var arr = [1,2,3,4,5,6]
var res = arr.some(item => {
return item > 5
})
console.log(res)    // true
filter()
filter()⽅法⽤于对数组进⾏过滤。
语法:Array.filter(function(item, index, array) { return 条件 })
item:必须。当前元素的值。
index:当前元素的索引。
array:当前元素的数组对象。
返回值:返回符合条件的新数组,不会改变原数组。
var arr = [1,2,3,4,5,6]
var res = arr.filter(item => {
return item > 3
})
console.log(res)    // [4,5,6]
map()
map()⽅法返回⼀个新数组,数组中的元素为原始数组元素调⽤函数处理后的值。
语法:Array.map(function(item, index, array) { return 条件 })
item:必须。当前元素的值。
index:当前元素的索引。
array:当前元素的数组对象。
返回值:返回新的数组,不会改变原数组。
var arr = [1,2,3,4]
var res = arr.map(item => {
if (item == 3) {
return item * 2
}
return item
})
console.log(res)    // [1,2,6,4]
forEach()
forEach() ⽅法⽤于调⽤数组的每个元素,并将元素传递给回调函数。
语法:Array.forEach(function(item, index, array) { return 条件 })
item:必须。当前元素的值。
index:当前元素的索引。
array:当前元素的数组对象。
没有返回值:如果是空数组,item为undifined。
var arr = [1,2,3,4]
var sum = 0
arr.forEach(item => {
sum += item
})
console.log(sum)    // 10
reduce()
reduce() ⽅法接收⼀个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为⼀个值。
reduce() 可以作为⼀个⾼阶函数,⽤于函数的 compose。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。