массив javascript (4)

Множество

      Массив - это совокупность набора данных. Все данные в массиве называются элементом. В массиве могут храниться элементы любого типа. Это элегантный способ сохранить их в одной переменной.

Как создать массив

  • Используйте ключевое слово new для создания массива
  • Создайте массив с помощью литералов
  • Каждый элемент в массиве отделяется запятой.

Используйте ключевое слово new для создания массива

<script>
    var arr = new Array();
    console.log(array);
</script>

Вставьте описание изображения сюда

Используйте собственный способ создания массива

var 数组名 = [ ];

<script>
    let arr = [5, 10, 15, 20, '尧子陌', true];
    console.log(arr);
</script>

Вставьте описание изображения сюда

Как использовать массивы

Получить элементы массива

Измененный элемент можно получить через индекс (нижний индекс). Примечание: индекс начинается с 0.

грамматика

Имя массива [индекс]

Случай: распечатать каждый элемент в массиве


    <script>
        var arr = ["星期一", '星期二', '星期三', '星期四', "星期五", "星期六", '星期日'];
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        console.log(arr[4]);
        console.log(arr[5]);
        console.log(arr[6]);
    </script>

Вставьте описание изображения сюда

Итерировать по массиву

Обход массива: Проще говоря, это обход каждого элемента массива от начала до конца, обход с циклом for и инициализация переменной как индекса.

Случай: пройти по следующему массиву

    <script>
        var arr = ['关羽', '张飞', '赵云', '马超', '黄忠'];
        for (var i = 0; i < arr.length; i++) {
            console.log(arr[i])
        }
    </script>

Вставьте описание изображения сюда

Получить длину массива

грамматика

数组名.length

Примечание: нет никакой связи между индексом и длиной массива.

Получите длину следующего массива


<script>
    let arr = [5, 10, 15, 20, '尧子陌', true];
    console.log(arr.length);
</script>

Вставьте описание изображения сюда

Случай массива

Среднее значение массива

  • Объявить переменную для суммирования и переменную для усреднения
  • Используйте цикл for для обхода каждого элемента в массиве и добавления суммированной переменной
  • Используйте сумму, чтобы разделить на количество массивов, чтобы найти среднее значение.
<script>
    var arr = [50, 50, 60, 800, 8520, 4569];
    //声明求和的变量及求平均数的变量
    var sum = 0;
    var average = 0;

    //遍历数组
    for (let i = 0; i < arr.length; i++) {
        sum += arr[i]
    }
    console.log(sum);
    var average = sum / arr.length;
    console.log(average);
</script>

Вставьте описание изображения сюда

Регистр массива для максимального значения

Идея в следующем

  • Сначала объявите набор массивов
  • Объявить переменную max
  • По умолчанию arr [0] назначается max
  • Пройдите по массиву, сравните каждый элемент массива с max, если элемент массива больше, чем max, присвойте элементу массива max
  • Внутренняя обработка программы для получения результата

<script>
    var arr = [5, 10, 15, 500, 520, 800];
    var max = arr[0];
    for (var i = 0; i < arr.length; i++) {
        if (max < arr[i]) {
            max = arr[i]
        }
    }
    console.log(max);
</script>o

Вставьте описание изображения сюда

Массивный случай деления массива на строки

  • 1. Объявите строку, которая будет сохранена, чем переменная str
  • 2. Просмотрите массив и объедините каждый элемент массива со строкой
  • 3. Внутренняя обработка программы и результат (не забудьте добавить escape-символ).
<script>
    var strArr = ['yellow', 'red', 'hello', 'like'];
    var str = '' //声明一个变量str来储存拼接好的字符串
    var step = ','; //声明一个转义符的变量

    // 开始遍历数组
    for (var i = 0; i < strArr.length; i++) {
        str += strArr[i] + step;
    }
    console.log(str);
</script>

Вставьте описание изображения сюда

Метод добавления элементов массива

Добавить элементы через атрибут длины

Не присваивайте значения имени массива напрямую, иначе все данные массива будут потеряны. Пустой означает пустой элемент.


 <script>
        var arr = [50, 50, 60, "hello", "word", '惊鸿'];
        console.log('原始数组的长度' + arr.length) //获取数组的长度
        console.log(arr)
        arr.length = 20;
        console.log('新增数组的长度' + arr.length) //获取数组的长度
        console.log(arr)
    </script>

Вставьте описание изображения сюда

Добавить элементы массива по индексу

  <script>
        var arr = [50, 50, 60, "hello", "word", '惊鸿'];
        arr[6] = "尧子陌"
        arr[7] = "临风笑却世间"
        console.log(arr);
        console.log('新增数组元素的数组长度:' + arr.length)
    </script>

Вставьте описание изображения сюда

Регистр массива для хранения целых чисел от 1 до 10

  • Объявить пустой массив
  • I в цикле можно сохранить как элемент массива
  • i начинается с 0, поэтому сохраненный элемент массива должен быть i + 1
<script>
    var arr = [];
    for (var i = 0; i < 10; i++) {
        arr[i] = i + 1
    };
    console.log(arr);
</script>

Вставьте описание изображения сюда

Массив фильтров

Два пути

  • Отфильтруйте массив, добавив переменные
  • Отфильтруйте массив по свойству длины

Отфильтруйте массив, добавив переменные

Требования: отфильтровать следующие данные, которые не равны 0


    <script>
        var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
        var newArr = []; //声明一个空数组
        var j = 0; //声明一个变量来实现新数组的自增
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] != 0) {
                newArr[j] = arr[i]
                j++
            }

        }
        console.log('实现筛选数组后的新数组:',newArr) 
    </script>

Вставьте описание изображения сюда

Отфильтруйте массив по свойству длины

       Более удобно использовать атрибут длины. Атрибут lenth нового массива равен 0, но результат может быть получен после того, как будут сохранены элементы массива, удовлетворяющие условиям оценки старого массива.

<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]

        }

    }
    console.log('实现筛选数组后的新数组:', newArr)
</script>

Вставьте описание изображения сюда

Обратный массив

Идея в следующем

  • 1. Сначала объявите новый массив
  • 2. Старый массив использует arr.length-1, а новый массив использует newArr.lenth.
  • 3. Принять метод i–

    <script>
        var arr = ['red', 'green', 'pink', 'purple'];
        var newArr = [] //声明一个新数组

        for (var i = arr.length - 1; i >= 0; i--) {
            newArr[newArr.length] = arr[i]
        }
        console.log('反转之后的新数组:', newArr)
    </script>

Вставьте описание изображения сюда

алгоритм

Наблюдайте за процессом выполнения, нарисуйте шаблоны и напишите пригодный для использования код

Пузырьковая сортировка

Сортировка пузырьков - это алгоритм, который упорядочивает ряд данных в определенном порядке (от маленького к большому или от большого к маленькому).

Вставьте описание изображения сюда

Алгоритм расположения элементов массива

Упорядочить от самого маленького до самого большого

  <script>
    /* 
     * 将下列数组的数组元素按从小到大的顺序排列
     */
    var arr = [5, 8, 3, 7, 1];
    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;
                temp = arr[j]
                arr[j] = arr[j + 1]
                arr[j + 1] = temp
            }
        }
    }
    console.log(arr)
</script>

Вставьте описание изображения сюда

рекомендация

отblog.csdn.net/weixin_45419127/article/details/111657385