這篇文章主要介紹“JavaScript中的數(shù)組方法和循環(huán)怎么用”的相關(guān)知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“JavaScript中的數(shù)組方法和循環(huán)怎么用”文章能幫助大家解決問題。
創(chuàng)新互聯(lián)建站專注于萊西網(wǎng)站建設服務及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供萊西營銷型網(wǎng)站建設,萊西網(wǎng)站制作、萊西網(wǎng)頁設計、萊西網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務,打造萊西網(wǎng)絡公司原創(chuàng)品牌,更為您提供萊西網(wǎng)站排名全網(wǎng)營銷落地服務。
JavaScript 數(shù)組用于在單一變量中存儲多個值。是一個具有相同數(shù)據(jù)類型的一個或多個值的集合
(1)使用JavaScript關(guān)鍵詞 new 一個Array對象,并且單獨賦值
//1、創(chuàng)建數(shù)組 new 一個Array() 對象 let arr = new Array(); arr[0] = "html"; arr[1] = "css"; arr[2] = "javascript"; arr[3] = "java";
(2)在聲明時賦值
//2、創(chuàng)建數(shù)組 在Array()對象里面直接賦值 let arr1 = new Array("html","css","java","javaweb","javascript");
(3)使用數(shù)組文本直接創(chuàng)建
//3、通過[]直接創(chuàng)建 let arr2 = ["html","css","java","javascript","javaweb"];
出于簡潔、可讀性和執(zhí)行速度的考慮,請使用第三種方法(數(shù)組文本方法)。
(1)通過引用索引號(下標號)來引用某個數(shù)組元素,[0] 是數(shù)組中的第一個元素。[1] 是第二個。數(shù)組索引從 0 開始;
document.write(arr1[0]);
(2)可通過引用數(shù)組名來訪問完整數(shù)組
console.log(arr1);
(3)修改數(shù)組元素。
arr[1] = "css";
length 屬性返回數(shù)組的長度(數(shù)組元素的數(shù)目)。
console.log(arr,arr.length);//控制臺輸出數(shù)組和數(shù)組長度
(1)join():把數(shù)組的所有元素放入一個字符串,通過一個的分隔符進行分隔;
//1、join()方法 以分隔符將數(shù)組分隔轉(zhuǎn)化為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() 方法 將字符串通過分隔符轉(zhuǎn)化為array數(shù)組類型
// 2、split()方法 將字符串通過分隔符轉(zhuǎn)化為array數(shù)組類型 // split() 函數(shù)驗證郵箱格式 let email = prompt("請輸入你的郵箱:"); console.log(email); let arr1 = email.split("@"); console.log(arr1,typeof(arr1)); document.write("你的賬號為:"+arr1[0]+"<br>"+"你的網(wǎng)站時:"+arr1[1]);
利用上面兩個方法可以實現(xiàn)消除字符串之間的所有空格
//功能 剔除字符串里的所有空格 function trimAll(str){ let nowstr = str.trim();//先剔除兩端的空格 let arr = nowstr.split(" ");//split() 轉(zhuǎn)換為數(shù)組 用空格分隔 for(let i = 0;i<arr.length;i++){//循環(huán)遍歷 if(arr[i] == ""){ arr.splice(i,1);//遇到空格刪除 i--; } } return arr.join("");//join() 轉(zhuǎn)化為字符串 } let nowstr = trimAll(" 1 2 4 5 "); console.log(nowstr);
(3)sort():對數(shù)組排序
let arr = [31,23,26,76,45,1,90,6,24,56]; //sort() 函數(shù) 對數(shù)組進行排序 默認按數(shù)字首位進行排序 //添加參數(shù) 參數(shù)為匿名函數(shù) arr.sort(function(a,b){ // return a-b; //正序排序 return b-a; //倒序排序 }); console.log(arr);
注意:以下方法是對數(shù)組自身進行操作
(4)push():向數(shù)組末尾添加一個或更多 元素,并返回新的長度;
(5)pop(): 刪除數(shù)組末尾元素;
(6)unshfit():向數(shù)組頭部添加元素;
(7)shfit():刪除數(shù)組頭部元素;
(8)splice():數(shù)組萬能方法:1、刪除數(shù)組中的元素;2、添加元素;3、替換元素
let arr = ["html","java","csss","javascript"]; console.log("舊數(shù)組:"+arr); //對數(shù)組自身進行操作 arr.push("weeb");//在數(shù)組末尾添加元素 可以有多個參數(shù) 之間用逗號隔開 arr.pop();//刪除末尾元素 沒有參數(shù) arr.unshift("react","mysql");//在數(shù)組頭部添加元素 可以有多個參數(shù) 之間用逗號隔開 arr.shift();//刪除數(shù)組頭部的元素 沒有參數(shù) arr.shift();//刪除需要多次刪除 或者利用循環(huán) arr.splice(0,2);//數(shù)組萬能方法 刪除任意位置元素 參數(shù)為: 起始下標,刪除數(shù)目 arr.splice(3,2,"java","html");//添加元素 參數(shù)為:數(shù)組沒有的下標,添加數(shù)目,添加的數(shù)據(jù) arr.splice(1,1,"javaweb")//替換元素 參數(shù)為:起始下標,替換個數(shù),替換數(shù)據(jù) 如果替換數(shù)據(jù)小于替換個數(shù) 則執(zhí)行刪除功能 console.log("新數(shù)組:"+arr);
循環(huán):循環(huán)就是在滿足條件的情況下,去不斷重復的執(zhí)行某一個操作
1、利用for循環(huán)遍歷數(shù)組 已知條件 已知長度 先判斷后循環(huán)
let arr = new Array("html","css","javascript","java","web","mysql"); //1、利用for循環(huán)遍歷數(shù)組 已知條件 已知長度 先判斷后循環(huán) for (let i = 0;i < arr.length;i++){ document.write(arr[i]+"<br>"); }
2、利用while循環(huán)遍歷數(shù)組 未知條件 未知長度 先判斷后循環(huán)
//2、利用while循環(huán)遍歷數(shù)組 未知條件 未知長度 先判斷后循環(huán) let i = 0; while(i < arr.length){ document.write(arr[i]+"<br>"); i++; }
3、 do while 循環(huán)遍歷數(shù)組 至少執(zhí)行一次
//3、至少執(zhí)行一次 do while 循環(huán)遍歷數(shù)組 let j = 0; do{ document.write(arr[j]+"<br>"); j++; } while(j < arr.length);
4、for of 循環(huán)遍歷數(shù)組 value直接是元素值
//4、for of 循環(huán)遍歷數(shù)組 value直接元素值 for(let value of arr){ document.write(value+"<br>"); }
5、for in 循環(huán)遍歷對象 i 為 key鍵 專門用來循環(huán)遍歷對象,也可以循環(huán)遍歷數(shù)組
//5.for in 循環(huán)遍歷對象 i 為 key鍵 專門用來循環(huán)遍歷對象 for(let i in arr){ document.write(arr[i]+"<br>"); }
6、forEach() 數(shù)組方法 匿名回調(diào)函數(shù) 【循環(huán)遍歷數(shù)組】
//6.forEach() 數(shù)組方法 匿名回調(diào)函數(shù) 【循環(huán)遍歷數(shù)組】 arr.forEach(function(value,index,arr){ document.write(index+"---"+value+"----"+arr+"<br>"); })
7、利用map() 數(shù)組方法遍歷數(shù)組 有返回值
//7、利用map() 數(shù)組方法遍歷數(shù)組 有返回值 // 返回一個新的數(shù)組 和老數(shù)組長度一定一致,有可能是二維數(shù)組 let newarr = arr.map(function(value,index,oldarr){ document.write(index+"---"+value+"----"+oldarr+"<br>"); if(index == 0){ value = "12345"; } return [value,index]; }); console.log(newarr);
8、利用flatmap() 數(shù)組方法遍歷數(shù)組 有返回值 同樣返回一個新的數(shù)組
//8、利用flatmap() 數(shù)組方法遍歷數(shù)組 有返回值 同樣返回一個新的數(shù)組 //長度有可能和原來數(shù)組不一致,但一定是一維數(shù)組 flat() 為降維函數(shù) let newarr1 = arr.flatMap(function(value,index,oldarr){ document.write(index+"---"+value+"----"+oldarr+"<br>"); if(index == 0){ value="321"; } return [value,index]; }); console.log(newarr1);
關(guān)于“JavaScript中的數(shù)組方法和循環(huán)怎么用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。
當前題目:JavaScript中的數(shù)組方法和循環(huán)怎么用
分享URL:http://muchs.cn/article30/pdjjpo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供域名注冊、App開發(fā)、虛擬主機、網(wǎng)站設計公司、小程序開發(fā)、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)