Über Array-Methoden und Schleifen in JavaScript

Dieser Artikel vermittelt Ihnen relevantes Wissen über Javascript. Er stellt hauptsächlich Array-Methoden und Schleifen in JavaScript vor. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich ist.

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend】

1. Grundkonzepte

JavaScript-Arrays werden verwendet, um mehrere Werte in einer einzelnen Variablen zu speichern. Ist eine Sammlung von einem oder mehreren Werten desselben Datentyps

2 Drei Möglichkeiten, ein Array zu erstellen

(1) Verwenden Sie das JavaScript-Schlüsselwort new, um ein Array-Objekt zu erstellen und Werte einzeln zuzuweisen

//1、创建数组  new 一个Array() 对象
    let arr = new Array();
    arr[0] = "html";
    arr[1] = "css";
    arr[2] = "javascript";
    arr[3] = "java";

(2) Beim Deklarieren der Zuweisung

//2、创建数组  在Array()对象里面直接赋值
    let arr1 = new Array("html","css","java","javaweb","javascript");

(3) Verwenden Sie ein Array-Literal, um

 //3、通过[]直接创建
    let arr2 = ["html","css","java","javascript","javaweb"];

direkt zu erstellen. Aus Gründen der Einfachheit, Lesbarkeit und Ausführungsgeschwindigkeit verwenden Sie bitte die dritte Methode (Array-Literal-Methode).

3. Zugriff auf das Array

(1) Verweisen Sie auf ein Array-Element, indem Sie auf die Indexnummer (Indexnummer) verweisen, [0] ist das erste Element im Array. [1] ist der zweite. Array-Indizes beginnen bei 0;

document.write(arr1[0]);

(2) Auf das gesamte Array kann durch Referenzieren von Array-Name

console.log(arr1);

zugegriffen werden. Array-Elemente ändern.

arr[1] = "css";

4. Häufig verwendete Attribute von Arrays

Das Längenattribut gibt die Länge des Arrays (die Anzahl der Array-Elemente) zurück.

console.log(arr,arr.length);//控制台输出数组和数组长度

5. Gängige Methoden für Arrays

: Fügen Sie alle Elemente des Arrays in einen String ein, getrennt durch ein Trennzeichen.

 //1、join()方法 以分隔符将数组分隔转化为string
    let arr = new Array("html","css","javascript","java","web","mysql");
    console.log(arr,typeof(arr));
    let newarr = arr.join("+");
    console.log(newarr,typeof(newarr));

(2) split()-Methode Der String ist Konvertiert in einen Array-Array-Typ durch Trennzeichen

// 2、split()方法  将字符串通过分隔符转化为array数组类型
    // split() 函数验证邮箱格式
    let email = prompt("请输入你的邮箱：");
    console.log(email);
    let arr1 = email.split("@");
    console.log(arr1,typeof(arr1));
    document.write("你的账号为："+arr1[0]+"<br>"+"你的网站时："+arr1[1]);

Verwenden Sie die beiden oben genannten Methoden, um alle Leerzeichen zwischen Zeichenfolgen zu entfernen

//功能  剔除字符串里的所有空格
    function trimAll(str){
        let nowstr = str.trim();//先剔除两端的空格
        let arr = nowstr.split(" ");//split()  转换为数组 用空格分隔
        for(let i = 0;i<arr.length;i++){//循环遍历
            if(arr[i] == ""){
                arr.splice(i,1);//遇到空格删除
                i--;
            }
        }
        return arr.join("");//join() 转化为字符串
    }
 
    let nowstr = trimAll("     1     2    4    5    ");
    console.log(nowstr);

(3) sort(): Rechte Array-Sortierung

let arr = [31,23,26,76,45,1,90,6,24,56];
    //sort() 函数  对数组进行排序  默认按数字首位进行排序
    //添加参数  参数为匿名函数
    arr.sort(function(a,b){
        // return a-b;         //正序排序
 
        return b-a;           //倒序排序
    });
 
    console.log(arr);

Hinweis: Die folgenden Methoden wirken auf das Array selbst

(4) push(): Fügen Sie ein oder mehrere Elemente am Ende des Arrays hinzu und geben Sie die neue Länge zurück;

(5) pop(): Löschen Sie das Element am Ende des Arrays.

(6) unshfit(): Fügen Sie ein Element am Anfang des Arrays hinzu.

(7) Löschen Sie das Element am Anfang des Arrays (8) splice(): Array Universelle Methode: 1. Elemente im Array löschen; 3. Elemente ersetzen

6. Häufig verwendete Methoden zum Durchlaufen von Arrays

Schleife ist Fahren Sie fort, wenn die Bedingungen erfüllt sind.

1. Verwenden Sie zuerst eine for-Schleife, um das Array zu durchlaufen Unbekannte Länge. Zuerst beurteilen und dann eine Schleife ausführen

 let arr = ["html","java","csss","javascript"];
    console.log("旧数组："+arr);
    //对数组自身进行操作
    arr.push("weeb");//在数组末尾添加元素  可以有多个参数 之间用逗号隔开
    arr.pop();//删除末尾元素  没有参数
    arr.unshift("react","mysql");//在数组头部添加元素  可以有多个参数  之间用逗号隔开
    arr.shift();//删除数组头部的元素  没有参数
    arr.shift();//删除需要多次删除  或者利用循环
    arr.splice(0,2);//数组万能方法  删除任意位置元素  参数为： 起始下标，删除数目
    arr.splice(3,2,"java","html");//添加元素  参数为：数组没有的下标，添加数目，添加的数据
    arr.splice(1,1,"javaweb")//替换元素  参数为：起始下标，替换个数，替换数据  如果替换数据小于替换个数  则执行删除功能
    console.log("新数组："+arr);

3. Durchlaufen Sie das Array und führen Sie es mindestens einmal aus durch das Objekt i ist der Schlüssel key Es wird speziell zum Durchlaufen des Objekts verwendet, und Sie können auch das Array durchlaufen

let arr = new Array("html","css","javascript","java","web","mysql");
    //1、利用for循环遍历数组  已知条件  已知长度  先判断后循环
    for (let i = 0;i < arr.length;i++){
        document.write(arr[i]+"<br>");
    }

6. forEach()-Array-Methode anonyme Rückruffunktion [Durchlaufen Sie das Array]

//2、利用while循环遍历数组  未知条件 未知长度  先判断后循环
    let i = 0;
    while(i < arr.length){
        document.write(arr[i]+"<br>");
        i++;
    }

7. Verwenden Sie die Array-Methode „map()“, um das Array zu durchlaufen und einen Wert zurückzugeben.

//3、至少执行一次 do while 循环遍历数组
    let j = 0;
    do{
        document.write(arr[j]+"<br>");
        j++;
    }
    while(j < arr.length);

8. Verwenden Sie die Array-Methode „flatmap()“, um das Array zu durchlaufen und einen Wert zurückzugeben Empfehlungen:

Javascript-Video-Tutorial

,

Web-Frontend

】

Das obige ist der detaillierte Inhalt vonÜber Array-Methoden und Schleifen in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!