一些经常会用到的Javascript检测函数

下面是关于一些经常用到的Javascript检测函数的完整攻略，包括两个示例说明。

Javascript检测函数

在开发Javascript代码时，我们经常需要检测某些条件是否成立，例如检测一个变量是否为数字或者字符串，检测一个元素是否存在等等。以下是一些常用的Javascript检测函数。

1. typeof函数

typeof函数可以检测一个变量的类型，返回值为字符串。它可以检测的类型包括undefined、boolean、number、string、object和function。例如：

typeof 123  //返回值为 "number"
typeof "hello"  //返回值为 "string"
typeof true  //返回值为 "boolean"
typeof {}  //返回值为 "object"
typeof function(){}  //返回值为 "function"
typeof undefined  //返回值为 "undefined"

2. isNaN函数

isNaN函数可以检测一个值是否为NaN（Not a Number）。NaN是一个特殊的数字值，表示不是一个有效的数值。例如：

isNaN(10)  //返回值为 false
isNaN("hello")  //返回值为 true
isNaN(NaN)  //返回值为 true

3. isFinite函数

isFinite函数可以检测一个值是否为有限数值。如果是无限数值（如Infinity或-Infinity）或者NaN，返回值为false。例如：

isFinite(123)  //返回值为 true
isFinite(Infinity)  //返回值为 false
isFinite(-Infinity)  //返回值为 false
isFinite(NaN)  //返回值为 false

4. Array.isArray函数

Array.isArray函数可以检测一个变量是否为数组类型。返回值为true或false。例如：

Array.isArray([])  //返回值为 true
Array.isArray({})  //返回值为 false

5. document.getElementById函数

document.getElementById函数可以通过元素的id属性获取页面上的元素。如果不存在该id的元素，则返回null。例如：

<div id="myDiv">Hello World!</div>

var div = document.getElementById("myDiv");
if (div) {
    console.log(div.innerHTML);  //输出 "Hello World!"
} else {
    console.log("未找到元素！");
}

6. document.querySelector和document.querySelectorAll函数

document.querySelector和document.querySelectorAll函数可以通过CSS选择器获取页面上的元素。其中，document.querySelector函数获取第一个匹配的元素，document.querySelectorAll函数获取所有匹配的元素。例如：

<ul id="myList">
    <li class="item">Item 1</li>
    <li class="item">Item 2</li>
    <li class="item">Item 3</li>
</ul>

var li1 = document.querySelector("#myList .item");
console.log(li1.innerHTML);  //输出 "Item 1"

var lis = document.querySelectorAll("#myList .item");
for (var i = 0; i < lis.length; i++) {
    console.log(lis[i].innerHTML);
}
//依次输出 "Item 1"、"Item 2"、"Item 3"

以上就是关于一些经常用到的Javascript检测函数的攻略，希望能对你有所帮助！