JavaScript--数组常用方法总结

JavaScript--数组常用方法总结

测试模板:

     var arr = ["a", "b", "c", "d", "e"]
     var arr1 = [1, 2, 3, 4, 5]
     var txt = arr.属性/方法(参数)
     console.log(txt)

1.push(元素):在数组的最后一位追加一个元素,返回值为追加元素后的长度,原数组发生改变

var txt = arr.push("s")

2.pop():删除数组中最后一个元素,返回值为被删除的元素,原数组发生改变

var txt = arr.pop()

3.unshift(元素):向数组的最前面插入一个元素,返回值为插入元素后,数组的长度,原数组发生改变

var txt = arr.unshift("s")

4.shift():删除数组中的第一个元素,返回值为被删除的元素,元素值发生改变

var txt = arr.shift()

5.concat(数组1,数组2..):拼接数组,返回值为拼接后的新数组,原数组不发生改变

var txt = arr.concat(arr1)

6.slice(开始的索引,结束的索引):从开始索引位置截取数组元素,到结束索引位置的前一个元素为止,返回截取后的新数组,原数组没有发生改变

var txt = arr.slice(1,3)

7.splice(开始的索引,截取的长度):从开始索引位置截取数组元素,按照指定截取长度进行截取,将截取下的元素作为新的数组返回,并将截取的元素从原数组中移除,原数组发生改变

var txt = arr.splice(1,3)

8.reverse():数组翻转,将数组中所有的元素前后调换位置,原数组发生改变

var txt = arr.reverse()

9. sort(比较函数):该方法可以对数组中的元素进行排序,参数为回调函数,回调函数需要两个参数a,b;如果回调函数的返回值大于0;那么b拍到a的前面,如果回调函数的返回值小于0,a排在b前面.若是相等这位置不发生改变.原数组发生改变

 var txt = arr1.sort(function (a, b) {
if (a > b) {//当a>b时,返回小于0,a就排在了b前面
return -1
} else if (a < b) {//当a<b时,返回大于0,b就排在了a前面
return 1
} else if (a == b) {
return 0
}
})

10. indexOf("需要查找的字符串",开始索引):从开始索引向后开始查找字符串,找到第一个便结束查找,返回字符串所在的索引,若是不存在该字符串,则返回-1;原数组不发生改变

 var txt = arr.indexOf("b")

11.lastIndexOf("需要查找的字符串",开始索引):从开始索引向前开始查找需要查找的字符串,找到第一个后便结束查找,返回该字符串所在的索引,若是不存在该字符串,返回-1;原数组不发生改变

 var txt = arr.lastIndexOf("b",3)

 12.every(判断函数):让数组中的每一个元素进行判断,所有结果均为true时,返回true,有一个结果为false,则为false,此方法和与元素有点像

 var txt = arr1.every(function (a) {
return a>2
})

 13.map(函数):让数组中的每一个元素都执行一次函数,并把运算结果放到一个新的数组中,通过返回值返回

 var txt = arr1.map(function (a) {
return a+2
})

 14.filter(函数): 让数组中的每一个元素,都执行此函数,将能够返回true的元素返回

 var txt = arr1.filter(function (a) {
return a>2
})

15. foreach(函数):遍历数组,让数组中的每一个数按照函数中规定的样式进行输出,没有返回值,不能改变原数组.

 var txt = arr1.forEach(function (ele,index) {
console.log(ele,index)
})

 16.join(字符串):拼接数组中的每一个元素,每个元素中间使用字符串进行拼接,得到一个新的字符串,并将该字符串返回.

 var txt = arr1.join("||")

 17.fill(替换元素, 开始位置, 结束位置): 替换数组中指定位置元素, 若不指定位置, 全部替换

 var txt = arr1.fill(0)