js中数组常用的四个方法

水深无声 2022-10-29 09:18 231阅读 0赞

## 方法一：push() ##

**push()该方法是向数组的最后位置添加一个或多个元素**

<!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">
    		var arr = ["草莓","香蕉","苹果","车厘子","梨"];
    		console.log(arr);
    //		第一个方法:push()该方法是向数组的最后位置添加一个或多个元素
    		arr.push("樱桃","芒果");
    		console.log(arr);
    //		push()方法的返回值是数组的长度.
    		var result = arr.push();
    		console.log("目前数组长度为:" + result);
    		
    	</script>
    </head>
    <body>
    	
    </body>
    </html>

运行结果如下：  
![在这里插入图片描述][20210211083401119.png]

## 方法二：pop（）方法 ##

**pop()该方法是删除数组的最后位置的一个元素,  
pop()方法的返回值是返回数组删除掉的元素.**

<!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">
    		var arr = ["草莓","香蕉","苹果","车厘子","梨"];
    		console.log(arr);
    //		第二个方法:pop()该方法是删除数组的最后位置的一个元素,
    //		pop()方法的返回值是返回数组删除掉的元素.
    		result = arr.pop();
    		console.log(arr);
    		console.log("目前删除数组元素为:" + result);
    	</script>
    </head>
    <body>
    	
    </body>
    </html>

运行结果如下：  
![在这里插入图片描述][20210211083757672.png]

## 方法三：unshift()方法 ##

**unshift()该方法是向数组的第一个位置添加一个或多个元素**

<!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">
    		var arr = ["草莓","香蕉","苹果","车厘子","梨"];
    		console.log(arr);
    //		第三个方法:unshift()该方法是向数组的第一个位置添加一个或多个元素,
    //		push()方法的返回值是返回新数组的长度.
    		result = arr.unshift("橙子","橘子");
    		console.log(arr);
    		console.log("目前数组长度为:" + result);
    	</script>
    </head>
    <body>
    </body>
    </html>

运行结果：  
![在这里插入图片描述][2021021108404823.png]

## 方法四：shift()方法 ##

**shift()该方法是删除数组的第一个位置的元素,  
shift()方法的返回值是返回数组删掉的元素.**

<!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">
    		var arr = ["草莓","香蕉","苹果","车厘子","梨"];
    		console.log(arr);
    //		第四个方法:shift()该方法是删除数组的第一个位置的元素,
    //		shift()方法的返回值是返回数组删掉的元素.
    		result = arr.shift();
    		console.log(arr);
    		console.log("数组删除的元素为:" + result);
    	</script>
    </head>
    <body>
    </body>
    </html>

运行结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZpZ2h0aW5nX2RyZWFt_size_16_color_FFFFFF_t_70]

[20210211083401119.png]: /images/20221024/88c7b6e575e54f148ed55b58ce35f8ad.png
[20210211083757672.png]: /images/20221024/35dfdc5addf54773baf8010df43ae5ed.png
[2021021108404823.png]: /images/20221024/3cfc2ebe7b4a4834828206fc8ef4a957.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZpZ2h0aW5nX2RyZWFt_size_16_color_FFFFFF_t_70]: /images/20221024/1d79425149864320bfced832786cd319.png