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然后 看到下面的框