matriz javascript (4)

Formación

      Una matriz es una colección de un conjunto de datos. Cada dato en la matriz se llama un elemento. La matriz puede almacenar cualquier tipo de elemento. Es una forma elegante de almacenarlo en una sola variable.

Cómo crear una matriz

  • Use la nueva palabra clave para crear una matriz
  • Crea una matriz usando literales
  • Cada elemento de la matriz está separado por una coma

Use la nueva palabra clave para crear una matriz

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

Inserte la descripción de la imagen aquí

Utilice una forma personalizada de crear una matriz

var 数组名 = [ ];

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

Inserte la descripción de la imagen aquí

Cómo usar matrices

Obtener elementos de matriz

El elemento modificado se puede obtener a través del índice (subíndice) Nota: el índice comienza desde 0.

gramática

Nombre de matriz [índice]

Caso: imprima cada elemento en la matriz


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

Inserte la descripción de la imagen aquí

Iterar sobre la matriz

Atravesar la matriz: en pocas palabras, es atravesar cada elemento de la matriz de principio a fin, atravesar con un bucle for e inicializar la variable como un índice.

Caso: atraviesa la siguiente matriz

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

Inserte la descripción de la imagen aquí

Obtenga la longitud de la matriz

gramática

数组名.length

Nota: no hay relación entre el índice y la longitud de la matriz.

Obtenga la longitud de la siguiente matriz


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

Inserte la descripción de la imagen aquí

Caja de matriz

Promedio del caso de matriz

  • Declare una variable para sumar y una variable para promediar
  • Use un bucle for para recorrer cada elemento de la matriz y agregue la variable sumada
  • Use la suma para dividir por el número de matrices para encontrar el promedio
<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>

Inserte la descripción de la imagen aquí

Caja de matriz para valor máximo

La idea es la siguiente

  • Primero declare un conjunto de matrices
  • Declarar una variable max
  • El arr [0] predeterminado está asignado a max
  • Atraviese la matriz, compare cada elemento de la matriz con max, si el elemento de la matriz es mayor que max, asigne el elemento de la matriz a max
  • Procesamiento interno del programa para obtener el resultado

<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

Inserte la descripción de la imagen aquí

Array caso de dividir el arreglo en cadenas

  • 1. Declare una cadena para ser almacenada que la variable str
  • 2. Recorra la matriz y concatene cada elemento de la matriz con la cadena.
  • 3. El procesamiento interno del programa y el resultado (no olvide agregar el carácter de 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>

Inserte la descripción de la imagen aquí

Método de agregar elementos de matriz

Agregue elementos a través del atributo de longitud

No asigne valores directamente al nombre de la matriz, de lo contrario se perderán todos los datos de la matriz. Vacío significa elemento vacío


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

Inserte la descripción de la imagen aquí

Agregar elementos de matriz por índice

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

Inserte la descripción de la imagen aquí

Caja de matriz que almacena enteros del 1 al 10

  • Declarar una matriz vacía
  • La i en el bucle se puede almacenar como un elemento de matriz
  • i comienza desde 0, por lo que el elemento de matriz almacenado debe ser i + 1
<script>
    var arr = [];
    for (var i = 0; i < 10; i++) {
        arr[i] = i + 1
    };
    console.log(arr);
</script>

Inserte la descripción de la imagen aquí

Matriz de filtros

Dos caminos

  • Filtrar la matriz agregando variables
  • Filtrar la matriz a través de la propiedad length

Filtrar la matriz agregando variables

Requisitos: filtre los siguientes datos que no sean iguales a 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>

Inserte la descripción de la imagen aquí

Filtrar la matriz a través de la propiedad length

       Es más conveniente utilizar el atributo de longitud. El atributo de longitud de la nueva matriz es 0, pero el resultado se puede obtener después de almacenar los elementos de la matriz que cumplen con las condiciones de evaluación de la matriz anterior.

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

Inserte la descripción de la imagen aquí

Matriz inversa

La idea es la siguiente

  • 1. Primero declare una nueva matriz
  • 2. La matriz anterior usa arr.length-1 y la nueva matriz usa newArr.lenth
  • 3. Adopte el método 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>

Inserte la descripción de la imagen aquí

algoritmo

Observe el proceso de ejecución, dibuje patrones y escriba código utilizable

Ordenamiento de burbuja

La clasificación de burbujas es un algoritmo que organiza una serie de datos en un orden determinado (de pequeño a grande o de grande a pequeño)

Inserte la descripción de la imagen aquí

Algoritmo para organizar elementos de matriz

Organizar de menor a mayor

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

Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_45419127/article/details/111657385
Recomendado
Clasificación