JS | 数组新增元素

数组可以在一个变量中存放多个数据，相比于变量来说，存取数据是十分便捷的。今天我们来说一下如何给数组新增元素。

1.新增数组元素，修改length长度

    var arr = ['red','green','blue'];
    console.log(arr.length);
    arr.length = 5;
    console.log(arr);
    console.log(arr[3]);
    console.log(arr[4]);

 可以看到，当我们用 arr.length = 5 来给数组新增元素时，后面两个是空的，打印出来是undefined。

2.通过索引值给数组添加元素

    var arr1 = ['red','green','blue'];
    arr1[3]='pink';
    arr1[4]='hotpink';
    arr1[0]='yellow';
    console.log(arr1);

可以看到，我们可以通过索引值给数组添加新元素。但是当之前的索引位置如果有数据时，再通过 索引值给数组赋值，是会覆盖原先的值。还有一个需要注意的点，不要直接给数组名赋值，否则里面的数组元素都没有了。

    arr1 = '有点意思';
    console.log(arr1);

 通过上面的描述，我们知道了如何向一个数组添加我们想要添加的元素或者数据，那如果要求一下子添加10个、100个元素呢？难道我们要一个一个添加进去吗？答案肯定是否定的，我们可以结合我们之前学过的for循环来进行添加数据。

    var arr=[];
    for (var i=0;i<10;i++){
        arr[i]=i+1
    }
    console.log(arr)

 我们再来写一个例子来巩固一下。

将数组[5,34,53,8,7,98,6,1]中大于10的元素筛选出来，放入新数组中。

我们先来分析一下，首先，我们要先声明一个新的数组用于存放新数据newArr；然后，我们要在原来的数组中找出大于10的元素，最后依次追加给新数组newArr.

   var arr = [5,34,53,8,7,98,6,1];
   var newArr = [];
   var j=0;
   for( var i=0; i<arr.length; i++){
    if(arr[i] >=10){
        newArr[j] = arr[i];
        j++;
    }
   }
   console.log(newArr)

 

这个例子其实不难，但是需要注意的点是，新数组索引号应该从0开始，依次递增。

好了，今天的数组就说这么多，希望对大家有所用~