[英]JS Numbers to text with For-loop
我對javascript有點陌生,但我陷入了javascript for循環練習中,問題是我需要將填寫好的電話號碼返回文本,它必須看起來像這樣:
(這只是一個例子)
填入編號:0332141我必須如何退還:零-三-三-二-一-四-一
這是我已經擁有的代碼,我必須使用此代碼:
<!DOCTYPE html>
<html lang = "nl">
<head>
<meta http-equiv="Content-Type"
content="text/html"
charset=UTF-8/>
<title>Lab11/title>
</head>
<body>
<script>
var number = new Array();
number[0] = 'zero';
number[1] = 'one';
number[2] = 'two';
number[3] = 'three';
number[4] = 'four';
number[5] = 'five';
number[6] = 'six';
number[7] = 'seven';
number[8] = 'eight';
number[9] = 'nine';
var phonenumber = prompt('What is youre phonenumber?');
document.write('<br> your phonenumber is: ' + phonenumber);
</script>
</body>
</html>
但這當然只顯示數字,因此如上例所示,我需要以單詞形式返回數字,有關如何執行此操作的任何想法?
此代碼應該有用。 它只是將輸入字符串分割成一個圖形數組,將每個圖形轉換成相應的字符串,最后將數組連接成一個“-”分隔字符串。
var table = ['zero','one','two','three','four','five','six','seven','eight','nine']; var phone = "012658" var number2text = phone.split("").map(x => table[x]).join("-"); console.log(number2text);
var number = new Array(); number[0] = 'zero'; number[1] = 'one'; number[2] = 'two'; number[3] = 'three'; number[4] = 'four'; number[5] = 'five'; number[6] = 'six'; number[7] = 'seven'; number[8] = 'eight'; number[9] = 'nine'; var phonenumber = prompt('What is youre phonenumber?'); phonenumber = phonenumber.split(""); for(var i = 0; i < phonenumber.length; i++) { phonenumber[i] = number[phonenumber[i]]; } phonenumber = phonenumber.join(" - "); document.write('<br> your phonenumber is: ' + phonenumber);
<!DOCTYPE html> <html lang = "nl"> <head> <meta http-equiv="Content-Type" content="text/html" charset=UTF-8/> <title>Lab11</title> </head> <body> </body> </html>
這應該為您工作。 它將響應從提示分為每個元素一個數字的數組,然后循環遍歷,並將每個數字替換為其名稱。
這是最快的方法:
var h1 = document.body.getElementsByTagName('h1')[0]; // Convert number to words function numToText(num) { num = num.toString(); //Convert number to string var text = '<br>'; var numbers = {'0': 'zero', '1': 'one', '2': 'two', '3': 'three', '4': 'four', '5': 'five', '6': 'six', '7': 'seven', '8': 'eight', '9': 'nine'}; var len = num.length; for(var i = 0; i < len; i++) { text += numbers[num.charAt(i)]; if(i < len-1) text += ' - '; } return text; } // Form Handler var form = document.forms[0]; form.onsubmit = function(){ var input = form.elements[0].value; document.body.innerHTML += numToText(input); return false; //prevent page refresh after submit };
<h1>What is you're phone number?</h1> <form id="form"> <input type="text" name="text" value=""> <input type="submit" name="submit" value="submit"> </form>
要獲取輸入數字的字詞,請使用以下代碼段(提示您輸入數字后
var phoneString = "";
for (i=0; i<phonenumber.length; i++){
phoneString +=(number[phonenumber[i]] + " ");
}
document.write('<br> your phonenumber is: ' + phoneString);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.