如何防止我的程序使用 javascript 将以 0 开头的选定数字转换为八进制值？

Question

当我选择一个以 0 开头的数字时，这样的数字会转换为我不想要的八进制形式，但对于那些不以 0 开头的数字来说效果很好。附件是解释我的意思的图片。

在选择以 0 开头的数字之前

选择从 0 开始的数字后

从图片中您可以看到 0703 已转换为 451。我该如何阻止这种情况。

 let phoneNumberSelector = document.querySelector("#phone"); const mtnNumber = ['703', '706', '803', '806', '810', '813', '814', '816', '903', '906', '913', '0703', '0706']; phoneNumberSelector.addEventListener('keyup', (e) => { removeElements(); for (let i of mtnNumber) { // i = i.toString(); if (i.startsWith(phoneNumberSelector.value) && phoneNumberSelector.value != '') { let listItem = document.createElement("li"); listItem.classList.add('list-items'); listItem.style.cursor = 'pointer'; listItem.setAttribute('onclick', "displayNames(" + i + ")") let word = "<b>" + i.slice(0, phoneNumberSelector.value.length) + "</b>"; word += i.slice(phoneNumberSelector.value.length); listItem.innerHTML = word; document.querySelector('.list').appendChild(listItem); } } }) function displayNames(param) { phoneNumberSelector.value = param; removeElements(); } function removeElements() { let items = document.querySelectorAll('.list-items') items.forEach((element) => { element.remove(); }); }

 <section class="section1"></section> <section class="section2"> <div class="reg-form"> <form action="" method=""> <div class="form-container"> <h1 style="text-align: center;">Phonie</h1> <div class="input-reg email-input"> <label for="username">Username</label> <input id="username" type="text" name="username"> </div> <div class="list-div"> <ul class="list"></ul> </div> <div class="input-reg email-input"> <label for="phone">Phone Number</label> <input id="phone" type="text" name="phone"> </div> <div class="input-reg email-input"> <input class="submit-btn submit-btn2" type="submit" value="Check Number"> </div> </div> </form> </div> </section>

Answer 1

这些数字正在转换为八进制，因为您将数字（字符串类型）作为数字（不带引号）传递给displayNames函数。

这是违规行：

listItem.setAttribute('onclick', "displayNames(" + i + ")")

将i的值设置为"0703" ， onclick的值变为"displayNames(0703)" 。

您可以通过在作为onclick传递的字符串中的i变量周围添加引号来解决此问题。

例如：

listItem.setAttribute('onclick', "displayNames('" + i + "')");

或使用字符串模板使其更易于阅读：

listItem.setAttribute('onclick', `displayNames("${i}")`);