Heim > Web-Frontend > js-Tutorial > Hauptteil

Über Array-Methoden und Schleifen in JavaScript

WBOY
Freigeben: 2022-09-08 20:35:37
nach vorne
1857 Leute haben es durchsucht

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.

Über Array-Methoden und Schleifen in JavaScript

【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";
Nach dem Login kopieren

(2) Beim Deklarieren der Zuweisung

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

(3) Verwenden Sie ein Array-Literal, um

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

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]);
Nach dem Login kopieren

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

console.log(arr1);
Nach dem Login kopieren

zugegriffen werden. Array-Elemente ändern.

arr[1] = "css";
Nach dem Login kopieren

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);//控制台输出数组和数组长度
Nach dem Login kopieren

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));
Nach dem Login kopieren

(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]);
Nach dem Login kopieren

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);
Nach dem Login kopieren

(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);
Nach dem Login kopieren

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);
Nach dem Login kopieren

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>");
    }
Nach dem Login kopieren

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++;
    }
Nach dem Login kopieren

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);
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!