WEB前端初學者筆記（14） 陣列和物件

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

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

陣列中的每個元素都有自己的的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前端開發技術，效能優化 及一些基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括 的可維護性 分層語義模板和瀏覽器分級支援等。新手學習前端的話，一定要想想為什麼要學習它，是出...