Android開發人員不得不學習的JavaScript基礎（一）

時間 2019-12-01

標籤 android 開發人員不得不學習 javascript 基礎欄目 Android 简体版

原文原文鏈接

操做符

在JavaScript中，有不少種操做符，算術操做符、賦值操做符、比較操做符以及邏輯操做符數組

1.一、算術操做符：

+，-，*，/，除了加號(+)以外，其餘都是按照四則運算大方式來進行，而加號(+)在字符串中能夠做爲鏈接符來使用，這個和Java是同樣的。bash

1.二、賦值操做符：

=操做符不是等於，而是賦值操做dom

1.三、比較操做符：

操做符	描述
<	小於
>	大於
<=	小於等於
>=	大於等於
==	等於（比較值是否相同）
===	等於（比較值和值的類型是否相同）
!=	不等於（同==）
!==	不等於（同===）

JavaScript中的比較操做符的用法和Java是同樣的。可是須要注意的是表格中的==與===的不一樣用法。函數

1.四、操做符優先級：

算術操做符 > 比較操做符 > 邏輯操做符 > 賦值操做符；若是同級的運算是按從左到右次序進行,多層括號由裏向外。ui

數組

在JavaScript中，定義一個數組是沒有類型的，也就是說能夠往數組中添加任何類型的數據。spa

一、定義

var myarray=new Array(); //沒有指定數組的長度

var myarray= new Array(8); //建立一個長度爲8的數組
複製代碼

注意：code

建立的新數組是空數組，沒有值，如輸出，則顯示undefined。
雖然建立數組時，指定了長度，但實際上數組都是變長的，也就是說即便指定了長度爲8，仍然能夠將元素存儲在規定長度之外。

二、數組長度屬性

使用array.length屬性來獲取數組的長度，由於數組的索引老是由0開始，因此一個數組的上下限分別是：0和length-1；同時，在JavaScript中數組的length屬性是可變的。cdn

三、二維數組

在JavaScript中，二維數組用myarray[x][y]來表示，聲明二維數組有兩種方式：對象

方式一：blog

var myarr=new Array();  //先聲明一維 
for(var i=0;i<2;i++){   //一維長度爲2
   myarr[i]=new Array();  //再聲明二維 
   for(var j=0;j<3;j++){   //二維長度爲3
      myarr[i][j]=i+j;   // 賦值，每一個數組元素的值爲i+j
   }
}
複製代碼

方式二：

var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]
複製代碼

函數

在JavaScript中，函數的使用須要注意如下幾點事項：

一、函數調用

方式一：在JS代碼中直接調用

<script>
	var sum;
	function add2(){
   		sum = 3 + 2;
   		alert(sum);
	}
	add2();
</script>
複製代碼

方式二：在HTML標籤中調用

<script>
	var sum;
	function add2(){
		sum = 3 + 2;
		alert(sum);
	}
</script>

<body>
	<input type="button" value="按鈕" onclick="add2()" />
</body>
複製代碼

二、函數參數

2.一、無參：

<script>
	var sum;
	function add2(){
   		sum = 3 + 2;
   		alert(sum);
	}
</script>
複製代碼

2.二、有參

<script>
	var sum;
	function add2(x,y){
   		sum = x + y;
   		alert(sum);
	}
</script>
複製代碼

注意：有參函數中，參數類型是沒有類型的（好隨意的語言啊>_<）

三、函數返回值

這裏須要注意的是，在JavaScript中，函數的定義是沒有返回值類型這一說的，不像Java裏面，任何一個函數都須要指明返回值類型。

<script>
	var sum;
	function add2(x,y){
   		sum = x + y;
   		return sum;
	}
</script>
複製代碼

上面的函數中，你爲它增長一條return語句，它就是一個有返回值的函數了，若是去掉return語句，那麼它就是一個無返回值的函數（不得不又說一句，JS真隨意!!!）

事件

JavaScript 建立動態頁面。事件是能夠被 JavaScript 偵測到的行爲。網頁中的每一個元素均可以產生某些能夠觸發 JavaScript 函數或程序的事件。

事件	說明
onclick	鼠標單擊事件
onmouseover	鼠標通過事件
onmouseout	鼠標移開事件
onchange	文本框內容改變事件
onselect	文本框內容被選中事件
onfocus	光標彙集
onblur	光標離開
onload	網頁導入
onunload	關閉網頁

對象

在JavaScript中也是有對象這一說的，和Java中的對象差很少。JavaScript中的全部事物都是對象，如:字符串、數值、數組、函數等，每一個對象帶有屬性和方法。

**對象的屬性：**反映該對象某些特定的性質的，如：字符串的長度、圖像的長寬等；

**對象的方法：**可以在對象上執行的動做。例如，表單的「提交」(Submit)，時間的「獲取」(getYear)等；

一、Date對象

在JavaScript中，Date對象被用來存儲/獲取日期，該對象有如下方法/屬性：

方法名稱	功能描述
get/setDate()	返回/設置日期
get/setFullYear()	返回/設置年份，用四位數表示
get/setYear	返回/設置年份
get/setMonth	返回/設置月份 0：一月 ... 11：十二月，因此要加1
get/setHours	返回/設置小時 24小時制
get/setMinutes()	返回/設置分鐘
get/setSeconds()	返回/設置秒
get/setTimes()	返回/設置時間（毫秒單位）
getDay()	返回星期 0：週一 ... 6：週日

二、String對象

任何一門語言都離不開對String的操做，JavaScript也不例外，該對象有如下方法/屬性：

方法名稱	功能描述
String.charAt(1)	獲取字符串中第1個位置的字符
String.indexOf('x')	或取字符x在字符串中第1次出現的位置，若沒找到，返回-1
String.charAt(1)	獲取字符串中第1個位置的字符
String.split(separator,limit)	第一個參數是字符串分割的參照字符，第二個參數表示最多切割多少次，能夠不設置，該方法返回的是一個數組
String.substring(start,end)	第一個參數表示開始位置，第二個參數表示結束位置，可省略，返回的是從start到end-1位置的子串
String.substr(start,length)	第一個參數表示開始位置，第二個參數表示裁剪幾個字符，可省略，返回的是從start到start+length位置的子串

三、Math對象

在JavaScript，Math對象提供對數據的數學計算。Math對象中有屬性，也有方法，如下是Math對象中的屬性：

屬性名稱	功能描述
E	返回算數常量e，即天然對數的底數（約爲2.718）
LN2	返回2的天然對數（約等於0.693）
LN10	返回10的天然對數（約等於2.302）
LOG2E	返回以2爲底E的對數（約等於1.442）
LOG10E	返回以10爲底E的對數（約等於0.434）
PI	返回圓周率（約等於3.14159）
SQRT1_2	返回2的平方根的倒數（約等於0.707）
SQRT2	返回2的平方根（約等於1.414）

在JavaScript中，Math對象有如下方法：

屬性名稱	功能描述
abs(x)	返回x的絕對值
acos(x)	返回x的反餘弦值
asin(x)	返回x的反正弦值
atan(x)	返回x的反正切值
atan2(y,x)	返回x軸到點(x,y)的角度（以弧度爲單位）
ceil(x)	對x進行上舍入（向上取整）
floor(x)	對x進行下舍入（向下取整）
sin(x)	返回x的正弦值
cos(x)	返回x的餘弦值
tan(x)	返回x的正切值
exp(x)	返回e的x次冪
log(x)	返回x的天然對數（底爲e）
max(x,y)	返回x和y中的最大值
min(x,y)	返回x和y中的最小值
pow(x,y)	返回x的y次冪
random()	返回0-1之間的隨機數
round(x)	返回x的四捨五入值
sqrt(x)	返回x的平方根

四、數組Array對象

數組在上面已經介紹過了，就再也不作過多的介紹了，下面來看看JavaScript中數組的一些方法以及屬性：

屬性/方法名稱	功能描述
Array.length	返回數組長度
Array.contact(arr1,...arrn)	鏈接兩個或多個數組並返回一個最終的數組
Array.join(seprator)	把數組的全部元素放入一個字符串，元素經過指定的字符seprator進行鏈接，返回一個字符串
Array.pop()	刪除並返回數組的最後一項
Array.push(x1,...xn)	向數組的末尾添加一個或更多元素，並返回新數組的長度
Array.reverse()	顛倒數組中元素的順序並返回一個數組
Array.shift()	刪除並返回數組中的第一個元素
Array.slice(start,end)	從某個已有的數組返回選定元素，第一個參數表示從start處開始到end處結束，若是start爲-1，那麼從倒數第一個元素開始，以此類推，返回一個子串
Array.sort(function)	對元素進行排序操做，並返回一個數組，參數是可選的，可是必須是一個函數（升序，降序）
Array.splice(index,howmaney,item1...itemn)	刪除元素，並向數組添加新的元素，第一個參數表示在數組中刪除/添加的位置，第二個參數表示須要刪除的元素的數量，後面是添加的參數
Array.toString()	把數組轉化爲字符串並返回