JavaScript——数组内置功能

116 阅读3分钟

数组的内置功能:

方法功能
concat()连接两个或更多的数组,并返回结果。
join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()删除并返回数组的最后一个元素
push()向数组的末尾添加一个或更多元素,并返回新的长度。
reverse()颠倒数组中元素的顺序。
shift()删除并返回数组的第一个元素
slice()从某个已有的数组返回选定的元素
sort()对数组的元素进行排序
splice()删除元素,并向数组添加新元素。
toSource()返回该对象的源代码。
toString()把数组转换为字符串,并返回结果。
toLocaleString()把数组转换为本地数组,并返回结果。
unshift()向数组的开头添加一个或更多元素,并返回新的长度。
valueOf()返回数组对象的原始值

需重点掌握的内置功能:

1.  concat()        连接两个或更多的数组,并返回结果。

var arr = ["hello"]
var arr2 = ["world"]
var arr3 = ["你好,xiaozhang"]
var arr4 = arr.concat(arr2,arr3)
console.log(arr4)

image.png

2.    join()       把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

var arr = ["hello","world",{name:"xiaozhang"},1,2]
var re = arr.join("-")
// 将数组中每一个元素装换为字符串,并用 "-" 拼接在一起
console.log(re)
			
var re1 = arr.join()
// 当join()中不传参时,默认用逗号拼接
console.log(re1)

image.png

3.    push()       向数组的末尾添加一个或更多元素,并返回新数组的长度。

var arr = [9,5,2,7]
var re = arr.push("hello","xiaozhang")
console.log(re)
console.log(arr)

image.png

4.    pop()       删除数组中最后一个元素  并返回删除的元素

var arr = [9,5,2,7]
var re = arr.pop()
console.log(re)
console.log(arr)

image.png

5.    unshift()     向数组开头添加元素  返回值为数组的长度

var arr = [9,5,2,7]
var re = arr.unshift("xiaozhang")
console.log(re)
console.log(arr)

image.png

6.    shift ()     删除数组第一个元素  并返回删除的元素

var arr = [9,5,2,7]
var re = arr.shift()
console.log(re)
console.log(arr)

image.png

7.   splice()     删除元素,并向数组添加新元素。 返回值为删除的元素

	var arr = [9,5,2,7]
	var re = arr.splice(1,2,"xiaozhang")
	//从下标1开始删除2个元素,并在这个位置添加"xiaozhang"这个元素
	console.log(re)
	console.log(arr)

image.png

8.    reverse()       颠倒数组中元素的顺序。

    var arr = [9,5,2,7]
    var re = arr.reverse()
    console.log(re)

image.png

9.   sort()    对数组的元素进行排序。  排序顺序可以是字母或数字,并按升序或降序。 默认排序顺序为按字母升序。

如果是数字就先比较第一位,第一位小的排在前,第一位相同就比较第二位,以此类推

如果是字母,就按照字母的ascll码值排序

var arr = [1,5,40,56,66,"b","a","c","A"]
var re = arr.sort()
console.log(re)

image.png

但是用  sort()  方法可以用一个函数作为参数来实现升序或降序排列

var arr = [5,9,1,2,40,3]
var re = arr.sort(function(a,b) {
return b-a  //降序排列
// return a-b  //升序排列
}) 
console.log(re)

image.png

10.   toString()      把数组转换为字符串,并返回结果。

var arr = [1,2,3,"hello","xiaozhang"]
var re = arr.toString()
console.log(re)

image.png