JavaScript (第3篇教程数组的操作方法)_var one=new array(4): one[1]=2:one[2]=3; console.l-CSDN博客

本文链接：https://blog.csdn.net/qq_42540989/article/details/98209274

1、创建一个新的数组

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CSDN:https://blog.csdn.net/qq_42540989</title>
</head>
<body>
	
</body>
<script>
	1.//创建一个数组
	var arrayOne = new Array(); 

	//创建一个数组，并且为数组分配好元素  
	var arrayTwo = new Array('1','a','全栈架构师');  

	//创建一个复杂的数组
	var arraySix = [   
           //第一个是一个对象
            {  
	           name : '大学',
	           number : 7,
	           run : function () {
	                return '我已经run了';
            }
          },

           //第二个是一个数组
           ['中学','小学','大学'], 

           //第三个元素是字符串
           '幼儿园',                   
           //第四个元素是数值
           7+7,                      
           //第五个元素是数组
           new Array(7,15,8)                
     ]; 
   alert(arraySix);

	2.//简写，省略new 关键字
	var arrayThree = Array();
	
	3.//使用字面量方式创建
	var arrayFour = [];
	var arrayFive = ['1','a','web前端'];

	4.//读取数组的值
	console.log(arrayOne.length); //打印数组arrayOne的长度

	arrayOne.length = 10;    //强制元素个数

	console.log(arrayOne[2]); // 打印arrayOne数组中第三个元素

	arrayOne[2] = 'Java工程师'; // 修改第三个元素为Java 工程师

	arrayOne[3] = 'Hello World'; //添加第四个元素为Hello World

    arrayOne[arrayOne.length] = 'Html'; //通过length 给数组增加一个元素

</script>
</html>

2、数组操作方法

unshift（）方法：在数组的开头添加一个或者多个元素，并且返回新数组的长度。

  // JavaScript 方法
    var arraySeven = [7,15,8];

    //添加到数组的开头
    alert(arraySeven.unshift(0));    //弹出数组长度 5
    alert(arraySeven);     //0,7,15,8

    //添加到数组的末尾
    alert(arraySeven.push('abc'));   //弹出数组长度 4
    alert(arraySeven);   //0,7,15,8,abc

3、shift（）方法：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined

var chaomao=[1,2,3,4,5]
var chaomao.shift()//得到1
alert(chaomao)//[2,3,4,5]

4、pop（）方法：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined

var chaomao=[1,2,3,4,5]
var chaomao.pop()//得到5
alert(chaomao)//[1,2,3,4]

5、splice（）方法：对数组任意项进行增加，删除，替换操作

 var arrEight = ['red', 'yellow','blue','green'];
    alert(arrEight.splice(0,0,'perple')); 
    //添加 
    //arrEight的内容为:perple,red,yellow,blue,green  
    alert(arrEight.splice(0,2,'light'));  

    // arrEight的内容为：light,yellow,blue,green

var chaomao=[1,2,3,4,5]
chaomao.splice(2,1,8,9)
alert(chaomao)//1,2,8,9,4,5

//第一个参数是准备操作的数组位置，第二个参数是操作位置后面的数组项数，第三个以后的就是，被替换后的内容.
//例子就是表示：从chaomao这个数组位置2开始（也就是值为3的那一项，数组下标从0开始的），位置2后的一项，替换成成8，9
//如果把第二个参数改为2，也就是chaomao.splice(2,2,8,9)，也就是说位置2后面的两项换成8，9，打印出来的结果就是1,2,8,9,5，3和4这2两项被换掉了
//这里需要说明的是，被替换的项数不一定要和替换的项数相等，1项可以被换成3项，5项也可以被换成2项，基于这个原理，我们就用这个方法来对数组进行添加和删除操作

var chaomao=[1,2,3,4,5]
chaomao.splice(2,1)
alert(chaomao)//1,2,4,5

//把chaomao中的位置2后的1项替换成空的，因为后面没有内容，结果可以看到，把3这项删除了

var chaomao=[1,2,3,4,5]
chaomao.splice(2,0,8,9)
alert(chaomao)//1,2,8,9,3,4,5

//把chaomao中位置2后的0项换成8,9，也就等于添加了两项

6、sort方法数组排序

var chaomao=[1,2,3,4,5]
var chaomao.pop()//得到5
alert(chaomao)//[1,2,3,4]

//sort方法数组排序

     var arrNine = [4,3,5,1,6,76,9,8];

         arrNine.sort(function(a,b){

             return a-b; 

         });    

      alert(arrNine);   // 1,3,4,5,6,8,9,76

7、concat方法连接数组

  //concat方法连接数组
     var arr1 = [1,3,5];

     var arr2 = [2,4,6];

     var arr3 = [7,9,10];

     alert(arr1.concat(arr2,arr3)); //1,3,5,2,4,6,7,9,10

8、随机数 random

 //随机数 random
     var arr = [1,3,5,2,4,6,7,9];

     arr.sort(function(a,b){

         return Math.random()-0.5;

     })

     alert(arr); //2,7,1,5,3,4,6,9