Mengenai kaedah tatasusunan dan gelung dalam JavaScript

Artikel ini membawa anda pengetahuan yang berkaitan tentang javascript terutamanya memperkenalkan kaedah tatasusunan dan gelung dalam JavaScript. Ia mempunyai nilai rujukan yang baik dan saya harap ia akan membantu semua orang.

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

1

Tatasusunan JavaScript digunakan untuk menyimpan berbilang nilai dalam satu pembolehubah. Merupakan koleksi satu atau lebih nilai dengan jenis data yang sama

2. Tiga cara untuk mencipta tatasusunan

(1) Gunakan kata kunci JavaScript baharu untuk mencipta objek Tatasusunan dan tetapkan nilai secara individu

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

(2) Berikan nilai pada masa pengisytiharan

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

(3) Gunakan literal tatasusunan untuk mencipta terus

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

untuk kesederhanaan dan kebolehbacaan Untuk pertimbangan prestasi dan kelajuan pelaksanaan, sila gunakan kaedah ketiga (kaedah teks tatasusunan).

3. Akses tatasusunan

(1) Rujuk elemen tatasusunan dengan merujuk nombor indeks (nombor subskrip) , [0] ialah elemen dalam tatasusunan Elemen pertama. [1] ialah yang kedua. Indeks tatasusunan bermula dari 0;

document.write(arr1[0]);

(2) Tatasusunan lengkap boleh diakses dengan merujuk nama tatasusunan

console.log(arr1);

(3) Ubah suai elemen tatasusunan .

arr[1] = "css";

4. Atribut biasa tatasusunan

Atribut panjang mengembalikan panjang tatasusunan (bilangan elemen tatasusunan).

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

5. Kaedah biasa untuk tatasusunan

(1) join(): Letakkan semua elemen tatasusunan ke dalam rentetan, dipisahkan dengan pemisah

 //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) kaedah split() Tukar rentetan kepada jenis tatasusunan tatasusunan melalui pembatas

// 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]);

Gunakan dua kaedah di atas untuk menghapuskan semua ruang antara rentetan

//功能  剔除字符串里的所有空格
    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(): Isih tatasusunan

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

Nota: Kaedah berikut beroperasi pada tatasusunan itu sendiri

(4 ) push(): Tambah satu atau lebih banyak elemen ke penghujung tatasusunan dan kembalikan panjang baharu; Tambahkan elemen pada kepala tatasusunan;

(7) shfit(): Padamkan elemen dari kepala tatasusunan; (8) splice(): Kaedah universal tatasusunan: 1 . Padam daripada elemen tatasusunan; 2. Tambah elemen; : gelung ialah Apabila syarat dipenuhi, lakukan operasi berulang kali

1 Gunakan untuk gelung untuk melintasi tatasusunan yang diketahui dan panjang yang diketahui

2 . Gunakan semasa Gelung melalui tatasusunan, keadaan tidak diketahui, panjang yang tidak diketahui, hakim pertama dan kemudian gelung

 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 lakukan sambil gelung melalui tatasusunan dan laksanakannya sekurang-kurangnya sekali

<🎜. >4. untuk Gelung melalui tatasusunan, nilai secara langsung adalah Nilai elemen

5. kerana dalam gelung melalui objek i Ia digunakan khas untuk menggelungkan objek itu juga boleh menggelung melalui tatasusunan

6. kaedah tatasusunan forEach() fungsi Panggil balik tanpa nama [Gelung melalui tatasusunan]

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>");
    }

7 Gunakan kaedah tatasusunan map() untuk melintasi tatasusunan dan mengembalikan nilai

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

8 Gunakan kaedah tatasusunan flatmap() untuk melintasi tatasusunan dan mengembalikan nilai Nilai itu juga mengembalikan tatasusunan baharu

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

<. 🎜>

//4、for of  循环遍历数组  value直接元素值  
    for(let value of arr){
        document.write(value+"<br>");
    }

[Cadangan berkaitan:

tutorial video javascript

,

//5.for in 循环遍历对象  i 为  key键  专门用来循环遍历对象
    for(let i in arr){
        document.write(arr[i]+"<br>");
    }

bahagian hadapan web

]

Atas ialah kandungan terperinci Mengenai kaedah tatasusunan dan gelung dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!