js数组

107 阅读2分钟

1.1数组是什么

Array: 数组是可以把一组相关的数据一起存放,并提供方便的访问方式,数组就是指一组数据的组合,其中的每个数据被称为元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的一种方式

1.2 创建数组的方式

  var arr = []
  //   Array中的A大写!!!
  var arr = new Array();

2.1遍历数组

 <script>
    var arr = ["red","green","blue"];
    console.log(arr.length);
    for(var i=0;i<arr.length;i++){
      console.log(arr[i]);
    }
  </script>

2.2数组案例

 <script>
        var sum = 0;
        var average = 0;
        var arr = [1, 2, 10, 56, 47];
        for(var i = 0; i < arr.length; i++) {
            sum += arr[i]
        }
        average = sum / arr.length;
        console.log(sum)
        console.log(average)
    </script>

2.3求出数组中的最大值

<script>
        var arr = [10, 100, 98, 1024, 8];
        // 求出数组中的最大值!!!
        // 1.先将max值为arr[0] 
        // 2.拿到arr[1]和max做比较,如果max大,max不需要修改,
        //如果arr[1]大。max = arr[1]
        var max = arr[0]
        for(var i = 1; i < arr.length; i++) {
            if(arr[i] > max) {
                max = arr[i]
            }
        }
        console.log("该数组中最大的值为", max)
    </script>

2.4将数组转换为字符串

 <script>
        var arr = ["red", "green", "blue", "yellow"];
        var str = ''
        for(var i = 0; i < arr.length; i++) {
            str += arr[i] + "-"
        }

        console.log(str)
 </script>
 //结果如下图所示:

2.5新增和修改数组元素

<script>
        var arr = ["red", "green", "blue"]
        console.log(arr.length)
        arr[3] = "pink"     //数组元素的增加
        arr[0] = "红色"     //数组元素的修改
        console.log(arr.length)
        console.log(arr)
    </script>
    
    <script>
        var arr = [];
        for(var i = 0; i < 100; i++) {
            arr[i] = i;
        }
        console.log(arr)
    </script>

2.7数组元素的筛选

<script>
        var arr = [2, 0, 6, 1, 77, 0, 53, 25, 7, 0]
        var newArr = []
        // var j = 0;
        // 把数组中大于等于10的数组元素全部选出来,并且放到新的数组中去
        for(var i = 0; i < arr.length; i++) {
            if(arr[i] >= 10) {
                newArr[newArr.length] = arr[i]
            }
        }
        console.log(newArr)
</script>

2.8数组去重

<script>
        var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]
        var newArr = []
        for(var i = 0; i < arr.length; i++) {
            if(arr[i] != 0) {
                newArr[newArr.length] = arr[i]
            }
        }
        newArr[newArr.length] = 0;
        console.log(newArr)
    </script>

2.9数组元素的翻转

<script>
        var arr = [1, 2, 3, 4, 5, 6]
        var newArr = [];
        for(var i = arr.length - 1; i >= 0; i--) {
            newArr[newArr.length] = arr[i]
        }
        console.log(newArr)     // 6 5 4 3 2 1
    </script>

3.1冒泡排序法

  <script>
    // 倒叙排列
    var arr=[12,26,10,18,19,2,33,55];
    for(var i=0;i<=arr.length-1;i++){
      for(var j=0;j<=arr.length-i-1;j++){
        if(arr[j]<arr[j+1]){
          var temp=arr[j];
          arr[j]=arr[j+1];
          arr[j+1]=temp;
        }
      }
    }
    console.log(arr);
  </script>