WEB前端初學者筆記(14) 陣列和物件

2022-09-10 11:15:12 字數 2294 閱讀 3561

陣列物件的作用是:使用單獨的變數名來儲存一系列的值。

陣列可以用乙個變數名儲存所有的值,並且可以用變數名訪問任何乙個值。

陣列中的每個元素都有自己的的id,以便它可以很容易地被訪問到。

1

var mycars=new

array();

2 mycars[0]="saab";

3 mycars[1]="volvo";

4 mycars[2]="bmw";

1

var mycars=new array("saab","volvo","bmw");

1

var mycars=["saab","volvo","bmw"];

推薦使用這種方式,此方式更簡單更便捷

通過指定陣列名以及索引號碼,你可以訪問某個特定的元素。

可以在乙個陣列中包含物件元素、函式、陣列。

1     arr1[0]="abc";//

直接修改陣列元素,如果超出陣列長度,則其中元素定義為空元素

2 arr1.length//

獲取陣列長度

3 arr1.indexof('')//

查詢目標元素所在位置4​

5 arr1.push('d')//

在字串後面增加乙個元素

6 arr1.pop()//

在字串後面刪除乙個元素

78 arr1.unshift('d')//

在字串前面增加乙個元素

9 arr1.shift()//

在字串前面刪除乙個元素

1011 arr1.splice(1,1,'a','b')//

刪除陣列第乙個元素後(不含第乙個)的乙個元素,並且新增新的元素,也可以不新增,也可以不刪除,長度也隨之修改

12delete arr1[3]//

刪除陣列中的第四個元素,變為空元素,長度不變

1314 console.log(typeof arr1)//

輸出資料型別15​

16​17var arr4=

18 console.log(typeof arr4)//

輸出的為物件

19if((arr4.length==0||arr4.length)&&typeof arr4=='object')//

判定乙個空陣列為陣列,

22 array.isarray(arr4)//

更簡單的判定方法23​

24​25

j**ascript 物件是擁有屬性和方法的資料。

1

var xiaoming={}

2 xiaoming.name='xiaoming'

3 xiaoming.age=184​

5var person =;11​

12​13 person.lastname;//

訪問單個元素,指定名稱出來屬性

14 person["lastname"];//

訪問單個元素

15for(key in

person)//

訪問物件所有鍵名18​

19for(key in

person)//

訪問物件所有值

22 ​

我們通常認為 "j**ascript 物件是鍵值對的容器"。

鍵值對通常寫法為 name : value(鍵與值以冒號分割)。

鍵值對在 j**ascript 物件通常稱為 物件屬性。

1 math.random();//

返回介於 0(包含) ~ 1(不包含) 之間的乙個隨機數:2​

3 math.random()*10+1;//

取得介於 1 到 10 之間的乙個隨機數:4​

5 math.random() * (max - min) + min//

返回 min(包含)~ max(不包含)之間的數字:

6 math.random() * (max - min+1) + min//

返回 min(包含)~ max(包含)之間的數字:

7 parseint()//

取整,只留整數

8 math.round()//

四捨五入取整

9 math.ceil()//

向上取整

10 math.floor()//

向下取整

11 ​

初學者web前端學習筆記

對於 if 語句括號裡的表示式,ecmascript 會自動呼叫boolean 轉型函式將這個表示式的結果轉換成乙個布林值。如果值為 true,執行後面的一條語句,否則不執行。通過arguments 物件的length屬性,來智慧型的判斷有多少引數,然後把引數進行合理的應用 比如,要實現乙個加法運算...

WEB前端初學者筆記(16) 表單事件

在j ascript中,常用的表單事件有3種。onfocus表示獲取焦點時觸發的事件,而onblur表示失去焦點時觸發的事件,兩者是相反操作。onfocus和onblur這兩個事件往往都是配合一起使用的。例如使用者準備在文字框中輸入內容時,此時它會獲得游標,就會觸發onfocus事件。當文字框失去游...

初學者應該如何學習web前端

優秀的前端開發工程師要在知識體系上要有廣度和深度,要具備快速學習的能力。前端開發工程師不僅要掌握基本的web前端開發技術,效能優化 及一些基礎知識,而且要學會運用各種工具進行輔助開發以及理論層面的知識,包括 的可維護性 分層語義模板和瀏覽器分級支援等。新手學習前端的話,一定要想想為什麼要學習它,是出...