从链接的输入字段中删除文本时删除 NaN

Remove NaN when removing text from a linked input field

本文关键字：删除 文本 NaN 字段 链接 输入      更新时间：2023-09-26

我一直在通过查看其他帖子来寻找答案，但我找不到任何可直接用于我的脚本的东西（但这也可能是我对 JavaScript 的无知......

我正在使用此脚本将 OnBlur 从外语脚本音译为拉丁字母：

<script>
function separation() {
    var str = document.getElementById().value;
    var res1 = str.charAt(0);
    var res2 = str.charAt(1);
    var res3 = str.charAt(2);
    document.getElementById().innerHTML = res1+res2+res3;
}    
var syllable_1 = {
'김' : 'Kim ',
'이' : 'Lee ',
'야' : 'Ya',
} 
var syllable_2 = {
'김' : 'gim',
'이' : 'i',
'야' : 'ya',
}
function hangul_to_roman(hangul) {
    return syllable_1[hangul.charAt(0)] + syllable_2[hangul.charAt(1)] + ( hangul.length >= 3 ? "-" + syllable_2[hangul.charAt(2)] : "" );
}
</script>
<input type="text" id="ttt" value="김김이" onBlur="document.getElementById('demo').value = hangul_to_roman(document.getElementById('ttt').value)" style="text-transform: capitalize">
<input type="text" id="demo" readonly>

在这里，您在小提琴中具有相同的脚本： http://jsfiddle.net/LGRAq/6/

第一个输入字段包含应该音译的内容，第二个显示音译; 但是，当删除第一个输入字段中的内容时，它会打印NaN，我想知道如何删除它。

有没有人会知道如何进行？非常感谢您的帮助！

当hangul.charAt(…)不包含在syllable映射中时，属性访问将产生undefined。将两个undefined加在一起将形成NaN。您可以通过使用空字符串作为查找的默认值来防止显示它：

function hangul_to_roman(hangul) {
    return (syllable_1[hangul.charAt(0)] || "")
         + (syllable_2[hangul.charAt(1)] || "")
         + (hangul.length >= 3 ? "-" + (syllable_2[hangul.charAt(2)] || "") : "");
}
<</div> div class="answers">

兄弟，我们也可以使用这种方式来删除 NaN 的出现。

var str = document.getElementById（）.value;

var res1 = str.charAt（0）;

var res2 = str.charAt(1);
var res3 = str.charAt(2);
var res4 = res1+res2+res3;
if(!isNaN(res4))
document.getElementById().innerHTML = res4;
相关文章：