Javascritp Array数组方法总结
合并数组 - concat()
用法一 (合并两个数组)
var hege = ["cecilie", "lone"]; var stale = ["emil", "tobias", "linus"]; var children = hege.concat(stale); console.log(children ); // ["cecilie", "lone", "emil", "tobias", "linus"]
用法二 (合并多个数组)
var parents = ["jani", "tove"]; var brothers = ["stale", "kai jim", "borge"]; var children = ["cecilie", "lone"]; var family = parents.concat(brothers, children); console.log(family); // ["jani", "tove", "stale", "kai jim", "borge", "cecilie", "lone"]
数组转字符串 - join()、tostring()
两种方法都返回新的字符串
join() 方法
var fruits = ["banana", "orange", "apple", "mango"]; var a = fruits.join(); console.log(a); // "banana,orange,apple,mango"
tostring() 方法
var fruits = ["banana", "orange", "apple", "mango"]; var a = fruits.tostring(); console.log(a); // "banana,orange,apple,mango"
相同点:
都可以将数组转字符串。
区别:
join还有另外的用法:join() 可接受一个参数作为元素之间的连接符号
var fruits = ["banana", "orange", "apple", "mango"]; var a = fruits.join("-"); console.log(a); // "banana-orange-apple-mango"
删除数组最后一个元素 - pop()
pop 返回元素的最后一个元素,原数组最后一个删除。
var fruits = ["banana", "orange", "apple", "mango"]; var a = fruits.pop(); console.log(a); // "mango" console.log(fruits ); // ["banana", "orange", "apple"]
添加元素 - push()
push 返回的是数组的长度,原数组最后面添加一个新元素
var fruits = ["banana", "orange", "apple", "mango"]; var a = fruits.push("kiwi"); console.log(a); // 5 console.log(fruits); // ["banana", "orange", "apple", "mango", "kiwi"]
数组反转 - reverse()
var fruits = ["banana", "orange", "apple", "mango"]; fruits.reverse(); console.log(fruits); // ["mango", "apple", "orange", "banana"]
删除数组第一个元素 - shift()
shift 返回数组的第一个元素,原数组第一个元素被删除
var fruits = ["banana", "orange", "apple", "mango"]; var a= fruits.shift(); console.log(a); // "banana" consoel.log(fruits); // ["orange", "apple", "mango"]
截取数组元素 - slice(start,end)
slice 返回截取的元素组成的数组,原数组不会发生变化。
slice接受两个参数,起始位置和结束位置,第一个参数起始位置如果为负数,表示从数组尾部开始算,如 -1 代表最后一个。如果不传入结束位置,表示从起始位置起到数组结尾的所有元素。
var fruits = ["banana", "orange", "lemon", "apple", "mango"]; var a= fruits.slice(1,3); console.log(a); // ["orange", "lemon"] console.log(fruits); // ["banana", "orange", "lemon", "apple", "mango"]
数组排序 - sort(func)
sort 方法用于对数组的元素进行排序。
sort 可接受一个参数 func,非必传,如果要传入必须是函数,在不传参的情况下,sort 表示按字符串编码的顺序进行排序,如果要对数组进行排序需传入函数。
不传参:
var arr= ["george", "john", "thomas", "james", "adrew", "martin"]; arr.sort(); console.log(fruits); // ["adrew", "george", "james", "john", "martin", "thomas"] // 没有传入函数,所以结果是按照0123456789的顺序进行排列 var nums = [21,14,26,11,105]; nums.sort(); console.log(nums); // [105, 11, 14, 21, 26]
传参:
function sortnumber(a, b){ return a - b } var nums = [21,14,26,11,105]; nums.sort(sortnumber); console.log(nums); // [11, 14, 21, 26, 105]
在指定位置添加/删除/替换元素 - splice( start, count , .....)
splice 接受多个参数,第一个是起始位置,第二个为删除个数,之后的参数为添加/删除/替换的元素。
splice 返回删除元素的数组
用法一 (添加元素)
var fruits = ["banana", "orange", "apple", "mango"]; fruits.splice(2,0,"lemon","kiwi"); console.log(fruits ); // ["banana", "orange", "lemon", "kiwi", "apple", "mango"]
用法二 (替换元素)
// 从第二个位置起删除两个元素,接受新的两个元素 var fruits = ["banana", "orange", "apple", "mango"]; var a = fruits.splice(2,2,"lemon","kiwi"); console.log(a); // ["apple", "mango"] console.log(fruits); // ["banana", "orange", "lemon", "kiwi"]
用法三 (删除元素)
var fruits = ["banana", "orange", "apple", "mango"]; var a = fruits.splice(2,2); console.log(a); // ["apple", "mango"] console.log(fruits); // ["banana", "orange"]
在数组开头添加元素 - unshift()
var fruits = ["banana", "orange", "apple", "mango"]; fruits.unshift("lemon","pineapple"); console.log(fruits); // ["lemon", "pineapple", "banana", "orange", "apple", "mango"]
检查某元素是否存在于数组中 - indexof()、lastindexof()
indexof 和 lastindexof 都接受两个参数,第一是需要检查的元素。第二个是从那个索引位置开始检查
indexof 表示从 0 开始,lastindexof 表示最后一个元素开始
var arr = [1,23,4,5,6,7,89]; arr.indexof(89) // 6 arr.indexof(89,2) // 6 arr.lastindexof(89) // 6 arr.lastindexof(89,5) // -1
数组遍历 - map()、foreach()
相同点:
都是数组的遍历方法,可以遍历数组中的每一个元素
foreach和map方法里每次执行匿名函数都支持3个参数,参数分别是item(当前每一项),index(索引值),arr(原数组)
都不会改变原数组
匿名函数的 this 都指向 windows
不同点:
map 方法会返回一个新的数组,数组中的元素为处理后的值,foreach 方法不会返回新的数组
map 方法不会对空数组进行检测,foreach对于空数组是不会调用回调函数的。
map 方法不支持低端浏览器
var arr = [1,2,3,4]; var a = arr.map(function(item,index,arr){ return item * item; }) console.log(a); // [1, 4, 9, 16] console.log(arr); // [1, 2, 3, 4]
var arr = [1,2,3,4]; var a = arr.foreach(function(item,index,arr){ return item * item; }) console.log(a); // undefined console.log(arr); // [1, 2, 3, 4]
数组过滤 - filter()
filter() 方法是返回某一数组中满足条件的元素,该方法返回的是一个新的数组。
// 返回元素长度大于 10 的数组元素
var arr = [12,5,8,16,125,98]; var filters = arr.filter(function(value){ return value >= 10 }); console.log(filters ); // [12, 16, 125, 98]
of 遍历
let arr2=[1,2,234,'sdf',-2]; for(let a of arr2){ console.log(a) // 1,2,234,sdf,-2 遍历了数组arr的值 }
数组累加器 - reduce()、reduceright()
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
reduce 和 reduceright 用法一样,区别在于 reduceright 是从数组的末尾向前做数组项累加。
array.reduce(function(total, currentvalue, currentindex, arr), initialvalue); total 必需。初始值, 或者计算结束后的返回值。 currentvalue 必需。当前元素 currentindex 可选。当前元素的索引 arr 可选。当前元素所属的数组对象。 initialvalue 初始值
var numbers = [65, 44, 12, 4]; var a = numbers.reduce(function(total,num){ return total + num; },0) console.log(a); // 125
判断数组中的元素是否满足指定条件 - some()、every()
some 方法会遍历数组的每一个元素,判断是否满足条件,返回一个布尔值。
every 方法会遍历数组的每一个元素,判断每一项是否满足条件,如果每项都满足,才返回true。
var numbers = [65, 44, 12, 4]; var a = numbers.some(function(item){ return item > 62; }); console.log(a); // true
var numbers = [65, 44, 12, 4]; var a = numbers.every(function(item){ return item > 62; }); console.log(a); // false
将当前数组指定位置的元素复制到其他位置并替换 - copywithin(index,start,end)
index(必需):从该位置开始替换数据。如果为负值,表示倒数。
start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒数。
end(可选):到该位置前停止读取数据,默认等于数组长度。使用负数可从数组结尾处规定位置。
[1, 2, 3, 4, 5].copywithin(0,1,3) // [2, 3, 3, 4, 5]
json数组格式转换 - array.from()
array.from() 转换的 json 要求必须要有length属性
let people = { 0:'zhangsan', '1':24, length:2 }; let trans=array.from(people); console.log(trans); // ['zhangsan',24]
将一堆元素转换成数组 - array.of()
let arr = array.of(1,"23","测试","dsa"); console.log(arr); // [1, "23", "测试", "dsa"]
查找数组中满足条件的元素 - find()
let arr=[1,2,3,"cxz",-2]; var a = arr.find(function(x){ return x<="cxz"; }); console.log(a); // "cxz"
查找数组中满足条件的元素的下标 - findindex()
let arr=[1,2,3,"cxz",-2]; var a = arr.findindex(function(x){ return x<="cxz"; }); console.log(a); // 3
判断数组中是否包含某元素 - includes()
includes 判断数组中是否包含某元素,返回布尔值
let arr=[1,2,3,"cxz",-2]; var a = arr.includes("cxz"); console.log(a); // true
最后欢迎大家关注我的个人公众号,互联网码农,专注互联网编程技术分享,关注公众号,回复关键字,可以领取系列编程学习视频哦,前端、java、ios、安卓、c++、python应用尽有。
上一篇: php安装fileinfo的方法教程
下一篇: MongoDB 设置参数