在web開(kāi)發(fā)的過(guò)程中，我們難免會(huì)遇到需要驗(yàn)證ip地址是否合法的情況。一般而言，ip地址可以分為ipv4地址和ipv6地址兩種形式。在這篇文章中，我們主要討論如何使用javascript來(lái)驗(yàn)證ipv4地址的范圍。

首先，我們需要了解一個(gè)ipv4地址由四個(gè)數(shù)字組成，每個(gè)數(shù)字在0~255的范圍內(nèi)。比如說(shuō)，192.168.1.1就是一個(gè)合法的ipv4地址。那么如果有人輸入了非法的ip地址，我們應(yīng)該如何進(jìn)行驗(yàn)證呢？

function isValidIP(ip) {
var reg = /^(\d{1,2}|1\d{2}|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d{2}|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d{2}|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d{2}|2[0-4]\d|25[0-5])$/;
return reg.test(ip);
}

上面這段代碼實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的ipv4地址驗(yàn)證函數(shù)。它通過(guò)正則表達(dá)式匹配ip地址，確保每個(gè)數(shù)字在合法范圍內(nèi)。如果這個(gè)ip地址是合法的，那么函數(shù)會(huì)返回true，否則返回false。下面我們會(huì)用一個(gè)例子來(lái)詳細(xì)說(shuō)明這個(gè)函數(shù)的實(shí)現(xiàn)。

console.log(isValidIP('192.168.1.1')) // true
console.log(isValidIP('256.1.1.1')) // false
console.log(isValidIP('300.1.1.1')) // false

在上面的例子中，我們分別輸入了一個(gè)合法的ip地址和兩個(gè)不合法的ip地址。第一個(gè)ip地址符合ip地址的規(guī)則，因此輸出結(jié)果為true。而第二個(gè)和第三個(gè)ip地址的數(shù)字中都有一個(gè)數(shù)超出了0~255的范圍，因此輸出結(jié)果為false。

除了以上實(shí)現(xiàn)方法，還有一些更加復(fù)雜但更加嚴(yán)謹(jǐn)?shù)膇pv4地址驗(yàn)證方法。比如說(shuō)，我們可以使用ES6新增的Array.prototype.every方法來(lái)判斷每個(gè)數(shù)字是否在正確的范圍內(nèi)。

function isValidIP(ip) {
var arr = ip.split('.');
return arr.length === 4 && arr.every(function(val) {
return /^\d{1,3}$/.test(val) && val >=0 && val<=255;
});
}

上述代碼首先將ip地址從字符串形式轉(zhuǎn)換為數(shù)組。然后，它使用every函數(shù)來(lái)遍歷數(shù)組中的每一個(gè)數(shù)字，檢驗(yàn)它們是否都在合法的范圍內(nèi)。如果數(shù)組中數(shù)字的個(gè)數(shù)不為4或者每個(gè)數(shù)字不在規(guī)定的范圍內(nèi)，那么函數(shù)就會(huì)返回false。

總的來(lái)說(shuō)，對(duì)于web開(kāi)發(fā)中常用的ipv4地址范圍驗(yàn)證，我們可以使用上面介紹的兩種方法來(lái)實(shí)現(xiàn)，來(lái)確保用戶(hù)輸入的ip地址都是合法的。在日常開(kāi)發(fā)過(guò)程中，只要我們使用正則表達(dá)式或者ES6的every函數(shù)，就可以簡(jiǎn)單而嚴(yán)謹(jǐn)?shù)貙?shí)現(xiàn)ipv4地址的驗(yàn)證。