js与数组相关的方法（一）_str.unshift-优快云博客

本文链接：https://blog.youkuaiyun.com/lwz4070/article/details/81211974

本文介绍了JavaScript中常用的数组操作方法，包括shift()、unshift()、push()、pop()等用于增删元素的方法，以及sort()和reverse()用于排序和逆序的方法。通过实例展示了这些方法的具体使用方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

shift() 方法：
shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值；
用法：arrayObject.shift()
如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。

unshift() 方法：
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
用法：arrayObject.unshift()
该方法的第一个参数将成为数组的新元素 0，如果还有第二个参数，它将成为新的元素 1

push() 方法：

一个或多个元素添加到数组的尾部，并返回数组的长度

pop() 方法“”

删除并返回数组的最后一个元素

注释：unshift() 方法无法在 Internet Explorer 中正确地工作！

相同点：都是修改原本数组，不是创建新的；

sort() 方法:

用于对数组的元素进行正序排列

reverse()方法:

用于对数组的元素进行倒序排列，这个没有什么可说的,所谓倒序就是大的在前面，小的在后面

相同点：都是修改原本数组，不是创建新的；

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>数组</title>
	<script type="text/javascript">
    var num=[3,4,5,6,7];
    console.log(num);// [3, 4, 5, 6, 7]
    var student=["小明",201510790302,88.5,true,function f(){
    	alert("hello world");
    }];
    console.log(student[2]);//88.5
    console.log(student);//["小明", 201510790302, 88.5, true, ƒ]
    console.log(typeof student);//object 引用类型 对象类型
    
   /* var arr=[];
    for(var i=0;i<10;i++){
    	arr[i]=i;
    }
    console.log(arr);
    console.log(arr.length);//length属性获取数组长度
    for(var i=0;i<arr.length;i++){
    	console.log(arr[i]);
    }
*/
    var str=["red","green"];
    var s=str.push("yellow");//push() 在原数组末尾追加一个或多个元素，返回增加项后的数组长度
    console.log(s);//3 
    console.log(str);//["red", "green", "yellow"]

    var s=str.pop();//pop() 删除数组中最后一项，并返回被删项
    console.log(s);//yellow
    console.log(str);//["red", "green"]

    var s=str.shift();//shift() 删除数组中第一项，并返回被删项
    console.log(s);//red 
    console.log(str);//[green"]
    
    var s=str.unshift("red");//unshift() 在数组前端追加一个或多个元素，并返回数组的长度
    console.log(s);//2
    console.log(str);//["red", "green"]

    var value=[5,6,2,8,4,6,7,1,2,3];//按编码排序
    value.sort();//sort() 按升序排列数组项
    console.log(value);//[1, 2, 2, 3, 4, 5, 6, 6, 7, 8]

    value.reverse();//reverse() 反转数组中的顺序
    console.log(value);//[8, 7, 6, 6, 5, 4, 3, 2, 2, 1]
	</script>
</head>
<body>
	
</body>
</html>