js判断奇偶数

JavaScript010

js判断奇偶数,第1张

<!DOCTYPE html>

<html lang="en">

<head>

<title>奇偶数</title>

</head>

<body>

<input type=text>

<input type=button value="判断" onclick="chk(value)">

<p id="demo"></p>

<script>

function chk(num) {

var inputs = document.getElementsByTagName('input')[0]

var value = inputs.value

num = value

console.log(num)

alert((num % 2 == 0) ? "偶数" : "奇数") //判断是否能整除2

}

</script>

</body>

</html>

js中有一个函数filter(),可以用来过滤数组中的特定元素;

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意: filter() 不会对空数组进行检测。

注意: filter() 不会改变原始数组。

语法 : filter((item, index, arr) =>{ ... })

filter中一共可已设置三个入参:其中item( 必填 )--代表数组中的每个元素,filter会对每个元素进行遍历;

index( 先填 )--每个元素的index;arr( 选填 )--指定要遍历的数组。

要筛选数组中的奇数位元素或者偶数位元素就可以用filte()方法。

例子:

使用jquery的伪类选择器,例如

$("选择器 :odd").css("background","#0f0")//奇数行

$("选择器 :even").css("background","#ff0")//偶数行

若是用原生js就要判断,例如

for(var i = 0i <元素行数i++){

if(i%2 == 0){

//奇数行代码

}else{

//偶数行代码

}

}

而且用css也可以添加奇偶数行的样式,例如元素为tr的奇偶设置

tr:nth-child(odd){background:#0f0}

tr:nth-child(even){background:#ff0}

nth-of-type伪类选择器也能实现此效果。