Javascript第三章数组Array常用方法第三课

Javascript第三章数组Array常用方法第三课

第一种JavaScript sort() 方法

更多免费教学文章请关注这里

Javascript第三章数组Array常用方法第三课

实例
例子 1
在本例中,我们将创建一个数组,并按字母顺序进行排序:

<script type="text/javascript">

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 />")
document.write(arr.sort())

</script>

输出:

George,John,Thomas,James,Adrew,Martin
Adrew,George,James,John,Martin,Thomas
亲自试一试

例子 2
在本例中,我们将创建一个数组,并按字母顺序进行排序:

<script type="text/javascript">

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 />")
document.write(arr.sort())

</script>
```javascript
输出:

10,5,40,25,1000,1
1,10,1000,25,40,5
请注意,上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数:
```javascript
<script type="text/javascript">

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 />")
document.write(arr.sort(sortNumber))

</script>

输出:

10,5,40,25,1000,1
1,5,10,25,40,1000

Javascript第三章数组Array常用方法第三课

此方法先从左向右比较,先比较第一个字母的大小,如果是一样的,就比较第二个字母

第二种JavaScript reverse() 方法

Javascript第三章数组Array常用方法第三课

实例
在本例中,我们将创建一个数组,然后颠倒其元素的顺序:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.reverse())

</script>

输出:

George,John,Thomas
Thomas,John,George

第三种 JavaScript join() 方法

是所有元素的拼接
Javascript第三章数组Array常用方法第三课

实例
例子 1
在本例中,我们将创建一个数组,然后把它的所有元素放入一个字符串:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join())

</script>

输出:

George,John,Thomas
例子 2
在本例中,我们将使用分隔符来分隔数组中的元素:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join("."))

</script>

输出:

George.John.Thomas

练习:

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<script type="text/javascript">
		//sort排序
		var nums=[25,6,98,78,23];
		var nums1=["dfsdf","dsfd","sdfdsf"];
		var aa=nums.join("-");
		console.log(aa)
		console.log(typeof nums);
	</script>
</head>
<body>
	
</body>
</html>

输出的结果:
Javascript第三章数组Array常用方法第三课

第四种 JavaScript concat() 方法

两个或多个数组的元素,拼接一起 输出一起的内容 不怎么常用
Javascript第三章数组Array常用方法第三课

实例
例子 1
在本例中,我们将把 concat() 中的参数连接到数组 a 中:

<script type="text/javascript">

var a = [1,2,3];
document.write(a.concat(4,5));

</script>

输出:

1,2,3,4,5
例子 2
在本例中,我们创建了两个数组,然后使用 concat() 把它们连接起来:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

document.write(arr.concat(arr2))

</script>

输出:

George,John,Thomas,James,Adrew,Martin
例子 3
在本例中,我们创建了三个数组,然后使用 concat() 把它们连接起来:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

var arr3 = new Array(2)
arr3[0] = "William"
arr3[1] = "Franklin"

document.write(arr.concat(arr2,arr3))

</script>

输出:

George,John,Thomas,James,Adrew,Martin,William,Franklin

方法五 JavaScript toString() 方法

默认拼接是逗号连接
Javascript第三章数组Array常用方法第三课

实例

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.toString())

</script>

输出:

George,John,Thomas

方法六 JavaScript valueOf() 方法

跟直接输出数组名一样–默认的
Javascript第三章数组Array常用方法第三课

方法七 JavaScript push() 方法

Javascript第三章数组Array常用方法第三课

示和注释
注释:该方法会改变数组的长度。

提示:要想数组的开头添加一个或多个元素,请使用 unshift() 方法。

实例
在本例中,我们将创建一个数组,并通过添加一个元素来改变其长度:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.push("James") + "<br />")
document.write(arr)

</script>

输出:

George,John,Thomas
4
George,John,Thomas,James

方法八 JavaScript pop() 方法

不常用
Javascript第三章数组Array常用方法第三课
Javascript第三章数组Array常用方法第三课

实例
在本例中,我们将创建一个数组,然后删除数组的最后一个元素。请注意,这也会改变数组的长度:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr)

document.write("<br />")

document.write(arr.pop())

document.write("<br />")

document.write(arr)

</script>

输出:

George,John,Thomas
Thomas
George,John

API文档:参考http://www.w3school.com.cn/jsref/jsref_pop.asp