摘要:數(shù)組數(shù)組是值的有序合集。這個(gè)位置用數(shù)字表示,叫做索引數(shù)組如果用字符串表示,那么按這個(gè)數(shù)組叫做關(guān)聯(lián)數(shù)組。。
數(shù)組
數(shù)組是值的有序合集。數(shù)組中的每一個(gè)值叫做一個(gè)元素,而每一個(gè)元素在數(shù)組中都有一個(gè)唯一的位置。這個(gè)位置用數(shù)字表示,叫做索引數(shù)組;如果用字符串表示,那么按這個(gè)數(shù)組叫做關(guān)聯(lián)數(shù)組。。JavaScript數(shù)組是無類型的;數(shù)組的元素可以是任何類型,例如字符串,數(shù)字值,布爾值等,而且每一個(gè)數(shù)組中的不同元素也可以是不同JavaScript數(shù)組時(shí)動(dòng)態(tài)的;根據(jù)需要,可以動(dòng)態(tài)的向數(shù)組插入新的元素,或者從數(shù)組中刪除指定的元素。
一維數(shù)組定義數(shù)組;
/* 1.字面量/直接量方式定義 var 數(shù)組名稱 = [元素一, 元素二, ...] */ var arr1 = [];// 定義一個(gè)空數(shù)組{} var arr2 = [100, "嘟嘟", true, undefined];//那么輸出的數(shù)組也是【100, ‘嘟嘟’ ,true,undefind】 var arr6 = [10];//{10} /* 2.構(gòu)造函數(shù)方式 var 數(shù)組名稱 = new Array(元素一, 元素二, ...) var 數(shù)組名稱 = new Array(length) * length - number類型,表示數(shù)組的長(zhǎng)度(存在元素的個(gè)數(shù)) */ var arr3 = new Array();// 定義一個(gè)空數(shù)組[] var arr4 = new Array(100, "臥龍學(xué)苑", true, undefined);//[100,"臥龍學(xué)院",ture,unidentified] console.log(arr4);//{100,‘臥龍學(xué)院’,ture,undefingd} var arr5 = new Array(10); console.log(arr5); /* 3.函數(shù)方式定義 var 數(shù)組名稱 = Array(元素一, 元素二, ...) var 數(shù)組名稱 = Array(length) * length - number類型,表示數(shù)組的長(zhǎng)度(存在元素的個(gè)數(shù)) */ var arr7 = Array();// 定義一個(gè)空數(shù)組 var arr8 = Array(100, "臥龍學(xué)苑", true, undefined); var arr9 = Array(10); console.log(arr9);
2.索引數(shù)組,關(guān)聯(lián)數(shù)組,稀疏數(shù)組
索引數(shù)組
/* 索引數(shù)組 - 表示數(shù)組中元素的位置使用數(shù)字值來表示的 * 數(shù)字值表示元素的位置 -> 角標(biāo)或下標(biāo) * 數(shù)組的長(zhǎng)度與元素的個(gè)數(shù)是一致的 */ var arr = [];// 定義一個(gè)空數(shù)組 arr[0] = "if i were a boy";//給數(shù)組添加一個(gè)元素 arr[1] = true;//給數(shù)組添加一個(gè)元素 console.log(arr.length);//輸出數(shù)組元素的個(gè)數(shù) 2
關(guān)聯(lián)數(shù)組
/* 關(guān)聯(lián)數(shù)組 - 表示數(shù)組中元素的位置使用字符串來表示的 * 注意:關(guān)聯(lián)數(shù)組的數(shù)組長(zhǎng)度與元素的個(gè)數(shù)不一致 * 原因:JavaScript的官方不支持關(guān)聯(lián)數(shù)組的 */ var arr = [];// 定義一個(gè)空數(shù)組 arr["姓名"] = "阿凡達(dá)"; arr["年齡"] = "255"; arr["事業(yè)"] = "成功"; console.log(arr); // 輸出的結(jié)果:[ "姓名": "阿凡達(dá)", "年齡": "255", "事業(yè)": "成功" ] console.log(arr.length);//0
稀缺數(shù)組
/* 索引數(shù)組的位置允許不連續(xù)的 - 沒有定義元素的位置默認(rèn)為空(undefined) * 稀疏數(shù)組 - 數(shù)組的長(zhǎng)度與元素的個(gè)數(shù)不一致的 */ var arr = []; arr[0] = "我愛國(guó)"; arr[3] = 155; arr[5] = "大反派"; console.log(arr)//[ "我愛國(guó)", <2 empty items>, 155, <1 empty item>, "大反派" ] console.log(arr.length);//6 /* 得到undefined值的幾種方式: 1.定義變量,但未初始化值 2.定義變量,并初始化值為 undefined 3.訪問數(shù)組中未定義的位置的元素值(默認(rèn)為undefined) */ // 將稀疏數(shù)組進(jìn)行處理,得到正常的索引數(shù)組 var newArr = []; for (var i=0; i3.數(shù)組:訪問,復(fù)制,修改,刪除
數(shù)組的訪問
// 定義數(shù)組的默認(rèn)為索引數(shù)組 var arr = ["臥龍學(xué)苑",100,null,1]; // 調(diào)用數(shù)組名稱時(shí),得到只是存儲(chǔ)所有元素?cái)?shù)據(jù)的集合 console.log(arr); // 訪問索引數(shù)組中的元素 -> 數(shù)組名稱[索引值] console.log(arr[2]); // 如果訪問了數(shù)組中未定義的位置的元素時(shí) - 語法不報(bào)錯(cuò),結(jié)果為 undefined console.log(arr[5]); // 索引數(shù)組中索引值最大為 arr.length - 1 // JavaScript中的關(guān)聯(lián)數(shù)組定義與訪問都是沒有問題的 var arr1 = []; arr1["name"] = "隔壁小林"; arr1["age"] = "28"; arr1["job"] = "賣大米的"; console.log(arr1["name"]);數(shù)組的復(fù)制
var arr = ["花美男", true];//定義一個(gè)數(shù)組,并賦值數(shù)組。 var result = arr;//在定義一個(gè)數(shù)組并賦值 console.log(arr);//[ "花美男", true ] console.log(result);//[ "花美男", true ] arr = [100]; console.log(arr);//[ 100 ] console.log(result);//[ "花美男", true ]因?yàn)閞esult以及被賦值過所以不會(huì)被改變 arr[0] = 100; console.log(arr);//[ 100 ] console.log(result);//[ "花美男", true ]數(shù)組的修改
// 索引數(shù)組 var arr1 = []; arr1[0] = "大本鐘華萊士"; arr1[1] = 515; // 關(guān)聯(lián)數(shù)組 var arr2 = []; arr2["姓名"] = "周杰倫"; arr2["職業(yè)"] = "歌手演員"; arr2["帥么"] = "還可以"; // 通過數(shù)組的索引值找到對(duì)應(yīng)元素的位置,再通過重新賦值的操作進(jìn)行修改 arr1[0] = 100; console.log(arr1); arr2["姓名"] = "蔡依林"; console.log(arr2); // 如果索引值是新的,就是新增數(shù)組的元素操作 arr1[4] = "小龍"; console.log(arr1);元素的刪除
// 索引數(shù)組 var arr1 = []; arr1[0] = "小帥"; arr1[1] = true; // 關(guān)聯(lián)數(shù)組 var arr2 = []; arr2["姓名1"] = "喬峰"; arr2["姓名2"] = "李易峰"; arr2["姓名3"] = "歐陽鋒"; /* 使用 delete 運(yùn)算符進(jìn)行刪除數(shù)組的元素 * 注意 - 只是刪除元素的數(shù)據(jù)內(nèi)容,而對(duì)應(yīng)的位置被保留 -> 稀疏數(shù)組 */ delete arr1[0]; console.log(arr1);//[ <1 empty item>, true ] delete arr2["姓名1"] console.log(arr2)//[ "姓名2": "李易峰", "姓名3": "歐陽鋒" ]4.循環(huán)遍歷數(shù)組
var arr = ["臥龍學(xué)苑", 100, true, undefined]; // while語句 /*var i = 0; while (i < arr.length){ console.log(arr[i]); i++; }*/ // do...while語句 /*var i = 0; do { console.log(arr[i]); i++; } while (i < arr.length);*/ // for語句 for (var i=0; i5.for in 語句
var arr = ["臥龍學(xué)苑", 100, true, undefined]; /* for (var 變量 in 數(shù)組) { 語句塊 } * 變量 - 得到的是數(shù)組的索引值 */ for (var i in arr) { console.log(arr[i]); } /* * for語句 * 循環(huán)的開始和結(jié)束,都是由程序員決定的 * for..in語句 * 循環(huán)只能從開始到結(jié)束 */ for (var i=0; i二維數(shù)組 var arr = [];// 定義一個(gè)空數(shù)組 arr[0] = [100,200,300]; arr[1] = [400,500,600]; arr[2] = [700,800,900]; // console.log(arr); // 訪問二維數(shù)組中的元素 var result = arr[0]; /*console.log(result[0]); console.log(arr[0][0]);*/ // 循環(huán)遍歷二維數(shù)組 for (var i=0; i
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/96785.html
摘要:父組件的數(shù)據(jù)需要通過才能下發(fā)到子組件中。這是為了防止子組件無意間修改了父組件的狀態(tài),來避免應(yīng)用的數(shù)據(jù)流變得難以理解。另外,每次父組件更新時(shí),子組件的所有都會(huì)更新為最新值。 組件 什么是組件? 組件 (Component) 是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素,封裝可重用的代碼。在較高層面上,組件是自定義元素,Vue.js 的編譯器為它添加特殊功能。在有些情況...
摘要:定義或的別名,用于指定發(fā)生錯(cuò)誤時(shí)的回調(diào)函數(shù)。無法取消,一旦新建立即執(zhí)行若不設(shè)置回調(diào)函數(shù),則內(nèi)部拋出的異常反應(yīng)不到外部狀態(tài)無法得知進(jìn)展。 問題來了 Promise 有幾種狀態(tài)?Promise 有什么優(yōu)缺點(diǎn)?Promise構(gòu)造函數(shù)是同步還是異步執(zhí)行,then呢?Promise和setTimeout的區(qū)別?如何實(shí)現(xiàn) Promise.all?如何實(shí)現(xiàn) Promise.finally? Prom...
摘要:一初步了解介紹由創(chuàng)建于年一月的開源項(xiàng)目,憑借著跨平臺(tái)的兼容性,簡(jiǎn)潔的語法,極大的簡(jiǎn)化了人員遍歷文檔,操作,處理事件,執(zhí)行動(dòng)畫,和開發(fā)的操作。只建立一個(gè)名為的對(duì)象。對(duì)發(fā)生在同一個(gè)對(duì)象上的一組動(dòng)作,可以直接連寫無需重復(fù)獲取對(duì)象。 jQuery(一)-- 初步了解 jQuery介紹 由John Resig創(chuàng)建于2006年一月的開源項(xiàng)目,jQuery憑借著跨平臺(tái)的兼容性,簡(jiǎn)潔的語法,極大的簡(jiǎn)...
摘要:進(jìn)一步了解類數(shù)組對(duì)象可以看這篇文章對(duì)象的構(gòu)建和分離構(gòu)造器然后我們回來看看,讓我們悲傷的代碼。。。然后又通過下面的語句,將兩個(gè)獨(dú)立的構(gòu)造器關(guān)聯(lián)起來了。 背景 不造輪子的程序員不是好程序員,所以我們今天嘗試造一下輪子。今天的主角是 jQuery ,雖然現(xiàn)在市面上已被 React,Angular,Vue 等擠的容不下它的位置,但是它的簡(jiǎn)單 API 設(shè)計(jì)依然優(yōu)秀,值得學(xué)習(xí)和體會(huì)。 任務(wù) 今天造...
摘要:本質(zhì)就是一個(gè)編譯器,通過將源代碼解析成抽象語法樹將源代碼的結(jié)果一系列轉(zhuǎn)換生成目標(biāo)代碼的將目標(biāo)代碼的轉(zhuǎn)換成代碼。項(xiàng)目構(gòu)建三開發(fā)環(huán)境本地服務(wù)器搭建源碼下載地址參考資料入門阮一峰中文文檔中文網(wǎng) 注:以下教程均在 windows 環(huán)境實(shí)現(xiàn),使用其他操作系統(tǒng)的同學(xué)實(shí)踐過程可能會(huì)有些出入。 ??在上一章 webpack 項(xiàng)目構(gòu)建:(一)基本架構(gòu)搭建 我們搭建了一個(gè)最基本的 webpack 項(xiàng)目,現(xiàn)...
閱讀 2153·2021-11-15 11:36
閱讀 1461·2021-09-23 11:55
閱讀 2486·2021-09-22 15:16
閱讀 2028·2019-08-30 15:45
閱讀 1862·2019-08-29 11:10
閱讀 1025·2019-08-26 13:40
閱讀 915·2019-08-26 10:44
閱讀 3168·2019-08-23 14:55