如何實作一個parseInt
function(string, [radix]) {}
- 如果string不為字串型別, 則先將string轉化為字串型別
- string會忽略前后的空白
- 依次決議字符, 如果字符不是指定基數中的字符( 例如:2進制中的3、 10進制中的'f' )則停止決議( 首字符為'+'或'-'時除外 ), 回傳已經決議好的整數
- 如果無法決議為整數, 則回傳NaN
- radix 默認值不為10, 在radix為undefined、0或者沒有指定時, 做以下處理
- 如果string以'0X'或'0x'開頭時, 基數為16
- 如果string以'0'開頭時, 基數為8或者10(每個瀏覽器的具體實作不同, es5規定此時為10)
- 如果string以其他任何字符開頭時, 基數為10
- radix的范圍為2-36
不考慮進制radix
代碼實作
const _parseInt = (str, radix) => {
if (typeof str !== 'string') str = String(str)
str = str.trim()
const regex = /^(?<fuhao>[\+|\-]*)(?<num>\d+)/
if (!regex.test(str)) return NaN
const groups = str.match(regex).groups
radix = 10
const arr = groups.num.split('')
const len = arr.length
let result = 0
for(let i = 0; i < len; i++) {
const num = arr[i] * Math.pow(10, len - i - 1)
if (isNaN(num)) break
else result += num
}
return result * (groups.fuhao === '-' ? -1 : 1)
}
測驗用例
const assert = require('assert')
assert.strictEqual(_parseInt(null), NaN)
assert.strictEqual(_parseInt('0e0'), 0)
assert.strictEqual(_parseInt('08'), 8)
assert.strictEqual(_parseInt(0.0000003), 3)
assert.strictEqual(_parseInt(0.00003), 0)
assert.strictEqual(_parseInt(-0.0000003), -3)
assert.strictEqual(_parseInt('6.022e23'), 6)
assert.strictEqual(_parseInt(6.022e2), 602)
考慮radix
代碼實作
const _parseInt = (str, radix) => {
// 不為string型別先轉化為string 型別
if (typeof str !== 'string') str = String(str)
// 洗掉首尾空白
str = str.trim()
// 正則匹配[+|-]?[0]?[Xx]?[0-9a-fA-F]+
const regex = /^(?<fuhao>[\+|\-]*)(?<radix>[0]?[Xx]?)(?<num>[0-9a-fA-F]+)/
// 無法匹配回傳NaN
if (!regex.test(str)) return NaN
// 匹配出符號、進制、數字三個分組
const groups = str.match(regex).groups
// radix的有效范圍為 2-36
if (radix && (radix < 2 || radix > 36)) return NaN
// 如果沒有指定radix, radix 會有以下默認值
if (!radix) {
if (groups.radix.toUpperCase() === '0X') radix = 16
else if (groups.radix === '0') radix = 8
else radix = 10
}
// 挨個字串決議，如果遇到無法決議時則停止決議，回傳已經決議好的整數
let splitArr = groups.num.split('')
const arr = []
for(let i = 0; i < splitArr.length; i++) {
// 根據charCode來做轉行為實際資料, 0-9為[48-57],A-F為[65-70]
const charCode = splitArr[i].toUpperCase().charCodeAt()
let num
// 字符為[A-F]時, 實際數字為charCode -55
if(charCode >= 65) num = charCode - 55
// 字符為[0-9]時, 實際數字為charCode - 48
else num = charCode - 48
// 當實際數字大于radix時, 無法決議則停止字串遍歷
if (num > radix) {
break
} else {
arr.push(num)
}
}
const len = arr.length
// 當實際數字陣列長度為0時, 回傳NaN
if(!len) return NaN
let result = 0
// 依次決議實際數字陣列, 組合成真正的數字
for(let i = 0; i < len; i++) {
const num = arr[i] * Math.pow(radix, len - i - 1)
result += num
}
// 演算法匹配到的正負號
return result * (groups.fuhao === '-' ? -1 : 1)
}
測驗用例
const assert = require('assert')
// 以下回傳15
assert.strictEqual(_parseInt('0xF', 16), 15)
assert.strictEqual(_parseInt('F', 16), 15)
assert.strictEqual(_parseInt('17', 8), 15)
assert.strictEqual(_parseInt(021, 8), 15)
assert.strictEqual(_parseInt('015', 10), 15)
assert.strictEqual(_parseInt(15.99, 10), 15)
assert.strictEqual(_parseInt('15,123', 10), 15)
assert.strictEqual(_parseInt('FXX123', 16), 15)
assert.strictEqual(_parseInt('1111', 2), 15)
assert.strictEqual(_parseInt('15 * 3', 10), 15)
assert.strictEqual(_parseInt('15e2', 10), 15)
assert.strictEqual(_parseInt('15px', 10), 15)
assert.strictEqual(_parseInt('12', 13), 15)
// 以下回傳NaN
assert.strictEqual(_parseInt('Hello', 8), NaN)
assert.strictEqual(_parseInt('546', 2), NaN)
// 以下回傳-15
assert.strictEqual(_parseInt('-F', 16), -15)
assert.strictEqual(_parseInt('-0F', 16), -15)
assert.strictEqual(_parseInt('-0XF', 16), -15)
assert.strictEqual(_parseInt(-15.1, 10), -15)
assert.strictEqual(_parseInt(' -17', 8), -15)
assert.strictEqual(_parseInt(' -15', 10), -15)
assert.strictEqual(_parseInt('-1111', 2), -15)
assert.strictEqual(_parseInt('-15e1', 10), -15)
assert.strictEqual(_parseInt('-12', 13), -15)
// 以下回傳4
assert.strictEqual(_parseInt(4.7, 10), 4)
assert.strictEqual(_parseInt(4.7 * 1e22, 10), 4)
assert.strictEqual(_parseInt(0.00000000000434, 10), 4)
// 以下回傳224
assert.strictEqual(_parseInt('0e0', 16), 224)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/139994.html
標籤：JavaScript
上一篇：用Javascript的while回圈，列印九九乘法表
下一篇：事件冒泡與事件捕獲及事件委托