js判斷元素類型

① js常用增刪改查方法/js比較運算符 邏輯運算符 賦值運算符 算術運算符

js數組遍歷某個值求和

一、增

1、push()

可接收任意數量的參數，把它們逐個添加至數組末尾，並返回修改後數組的長度。例如：

2、unshift()

該方法與push()類似，也可接收任意數量的參數，只不過是將參數逐個添加至數組前端而已，同樣返回新數組長度。咱們接著上面的例子：

3、concat()

該方法與push()方法有點類似，同樣是將元素添加至數組末尾，只不過這個數組已經不是原來的那個數組了，而是其副本，所以concat()操作數組後會返回一個新的數組。具體用法如下：

① 不傳參數，返回當前數組副本
② 傳遞一或多個數組，則該方法會將這些數組中的每一項都添加到結果數組中
③ 傳遞非數組參數，這些參數就會被直接添加到結果數組的末尾

繼續接著上面的栗子：

例子中一目瞭然，原數組保持不變，新數組後面添加了4、5、6三個元素。

4、splice()

前面的三個方法都具有很大局限性，因為不是添加到數組前就是數組後，而splice()就不一樣了，它非常靈活和強大。靈活是因為它可以添加元素到數組的任意位置，強大是因為它除了可以添加元素之外還具有刪除和替換元素的功能（這個後面會陸續講到）。

splice()可以向數組指定位置添加任意數量的元素，需要傳入至少3個參數： 起始位置、0（要刪除的元素個數）和要添加的元素。

依然接著上面的例子繼續：

可以看出，splice()與push()和unshift()一樣是直接在原數組上修改的。

二、刪

1、pop()

與push()方法配合使用可以構成後進先出的棧，該方法可從數組末尾刪除最後一項並返回該項。

接著上例：

2、shift()

與push()方法配合使用可以構成先進先出的隊列，該方法可刪除數組第一項並返回該項。

繼續接著上例：

3、slice()

定義和用法
slice() 方法以新的數組對象，返回數組中被選中的元素。

slice() 方法選擇從給定的 start 參數開始的元素，並在給定的 end 參數處結束，但不包括。

注釋：slice() 方法不會改變原始數組。

該方法同concat()一樣是返回一個新數組，不會影響原數組，只不過slice()是用來裁剪數組的，返回裁剪下來的數組，具體用法如下：

4、splice()

好，繼續講這個「萬能」的方法。

上面講到，該方法在添加數組元素的時候需要傳入3個以上參數，而其中第2個參數就是用於指定要刪除元素的個數的，那時我們傳的是數字0。那麼，如果單單只需刪除元素，我們就只需給splice()傳入兩個參數，第1個參數用於指定要刪除的第一項的位置，第2個參數用於指定要刪除元素的個數。

繼續上例~~

從索引項為2的位置開始刪除4個元素，所以結果為 [-1, 0, 1, 2]。

三、改

這個其實最靈活的方式就是直接使用splice()這個強大的方法了，其實通過以上對該方法的了解，我們大致就能知道使用該方法修改數組元素的基本原理。

原理很簡單，就是向指定位置插入任意數量的元素，且同時刪除任意數量的元素。

依然繼續上例~~

四、查

indexOf()和lastIndexOf()

這兩個方法都接收兩個參數：要查找的項和（可選的）表示查找起點位置的索引。其中，indexOf()從數組的開頭（位置0）開始向後查找，lastIndexOf()方法則從數組的末尾開始向前查找。

例如：

當找不到該元素時，返回 -1 ，lastIndexOf()方法同理。

1 數據類型
<script>
2 引用數據類型
object 對象類型
3 number 數字類型
包含所有的數字（整數，浮點數，正數，負數，極大極小數），Infinity(分母為零)，NaN(not a number)
4 string 字元串類型
引號包含的任意文本，單雙引號都可以

輸出展示

2 比較運算符
<script>
/*
1 比較運算符
比較兩個值的大小 返回一個布爾值（true 或 false）
> < >= <= == != === !==
== 等於，只判斷數值
===全等，絕對等於，即判斷數據類型也判斷數值
!= == 取反
!== ===取反
console.log(undefined == null);//true 都沒有值
console.log(undefined === null);//false 數據類型不同undefined object
console.log(NaN == NaN); //false
console.log(NaN === NaN); //false
console.log(NaN != NaN); //true
console.log(NaN !== NaN); //true
/
</script>
3 邏輯運算符
<script>
/
2 邏輯運算符
連接多個表達式，返回一個布爾值（true 或 false）
&& 邏輯與 並且 所有的表達式都為true，結果才為true，有一個為false結果就為false
|| 邏輯或 或者 所有的表達式都為false，結果才為false，有一個為true結果就為true
！ 邏輯非 取反 表達式為true取反就為true，反之亦然
注意： 邏輯與的優先順序大於邏輯或
*/
</script>
邏輯運算符演示

輸出到控制台的結果

4 賦值運算符
<script>
/*
3 賦值運算符
= 等號右邊的值賦值給左邊
+= x += y x = x + y 下同
-=
*=
/=
%= 要的是余數
*/
</script>
<script>
x = 7;
y = 3;
console.log(x/=y)
</script>

5 算術運算符
<script>
/*
算術運算符
+ - * / %(取余，取模) ++（自增） --(自減）
%(取余，取模) 應用 判斷奇偶數、倍數
++ 相當於自己加1 x++ 相當於 x = x + 1
-- 相當於自己加1 x-- 相當於 x = x - 1
+運算碰到字元串，直接進行字元串拼接，返回string類型
- * / %遇到字元串，都轉換成number類型進行計算，如果不能轉換成數字，則返回NaN，數據類型未number
true轉換1 false轉換為0
++ --
前++和後++，對於變數自己來說沒有區別都是+1
前++ 先賦值 在加1
後++ 先加1 再賦值
/
</script>
<script>
/ var x = 5;//number
var y = 2;//number
comsole.log(x + y);//7
comsole.log(x - y);//3
comsole.log(x * y);//10
comsole.log(x / y);//2.5
comsole.log(x % y);//1 */

② js怎麼獲取form表單中所有的input和select

<script type="text/javascript">

// 獲取指定form中的所有的<input><select>對象

function getElements(formId) {

var form = document.getElementById(formId);

if(form == null){

return false;

}

var elements = new Array();

var inputTagElements = form.getElementsByTagName('input');

for (var j = 0; j < inputTagElements.length; j++) {

elements.push(inputTagElements[j]);

}

var selectTagElements = form.getElementsByTagName('select');

for (var j = 0; j < selectTagElements.length; j++) {

elements.push(selectTagElements[j]);

}

return elements;

}

(2)js判斷元素類型擴展閱讀：

form表單提交

在form標簽中添加Action(提交的地址)和method(post)，且有一個submit按鈕。

（<input type='submit'>）就可以進行數據的提交，每一個input標簽都需要有一個name屬性，才能進行提交。

當點擊登陸時，向資料庫發生的數據是：username=username&password=password.

這種默認的提交方式，一般會進行頁面的跳轉(不成功時跳轉到當前頁面)。而有時候是對彈出框進行數據提交的，希望提交成功則關閉彈出框並刷選父頁面，失敗則提示失敗原因，且彈出框不關閉。此時可以採用Ajax進行數據提交。

③ js中如何判斷一個值是否在數組中

可以用數組的indexOf函數，方法arr.indexOf(find,start);
find:要找的內容，必須；
start:查找開始下標，可選；
返回：查找數據所在的下標，如果沒找到，返回-1
如果只要知道是否有8這個數字，直接調用arr.indexOf(8)，如果返回值不為-1，說明找到了
所謂數組，是無序的元素序列。 若將有限個類型相同的變數的集合命名，那麼這個名稱為數組名。組成數組的各個變數稱為數組的分量，也稱為數組的元素，有時也稱為下標變數。用於區分數組的各個元素的數字編號稱為下標。數組是在程序設計中，為了處理方便， 把具有相同類型的若干元素按無序的形式組織起來的一種形式。 這些無序排列的同類數據元素的集合稱為數組。
在C語言中， 數組屬於構造數據類型。一個數組可以分解為多個數組元素，這些數組元素可以是基本數據類型或是構造類型。因此按數組元素的類型不同，數組又可分為數值數組、字元數組、指針數組、結構數組等各種類別。

④ js判斷是否在數組中

js判斷某個給定值是否在數組中的方法：

functionisInArray(arr,val){
vari,iLen;
if(!(arrinstanceofArray)||arr.length===0){
returnfalse;
}
if(typeofArray.prototype.indexOf==='function'){
return!!~arr.indexOf(val)
}
for(i=0,iLen=arr.length;i<iLen;i++){
if(val===arr[i]){
returntrue;
}
}
returnfalse;
}
isInArray([1,2,3,4,5],5);//true
isInArray([1,2,3,4,5],6);//false
isInArray([1,2,3,4,5],'5');//false

解釋：

arr instanceof Array判斷arr變數是否為數組，如果不是，則輸入參數有誤，返回false

arr.length === 0判斷數組長度是否為0，如果是0，則無論給出哪個值，都不在數組中，返回false

typeof Array.prototype.indexOf === 'function'用來判斷瀏覽器是否原生支持數組的indexOf方法，新版的瀏覽器都支持數組原生的indexOf，該函數用於獲取給定值在數組中的位置信息，如果存在返回首次出現的位置下標，不存在返回-1

arr.indexOf(val)使用原生的方法判斷val首次在arr中出現的下標，不存在返回-1

~為取反，只有在值為-1的時候，取反結果為0，其他情況都非零。

!!隱式轉換，轉為bool型，如果是0則轉換後為false，否則為true

後面用循環判斷數組每一個值與給定值是否完全相等（此處用===表示不僅數值相等，類型也要相等），如果相等返回true，否則循環結束後返回false

⑤ js判斷元素是否在數組中

直接用indexOf這個方法，方法如下array.indexOf(a)結果是int類型的a元素在數組的位置，如果不存在會返回-1，所以判斷這個值是不是-1就可以判斷元素是否在數組中了。不過ie下不支持indexOf,所以需要先申明:

Array.prototype.indexOf=function(val){
for(vari=0;i<this.length;i++){
if(this[i]==val){
returni;
}
}
return-1;
};

⑥ jquery 判斷獲得元素的類型是為div還是其他

用開發者工具啊 具體流程如下 ： 打開你的頁面 F12然後 看到下面的框