Q&A
例示コードの記載位置が間違っていませんか？
let str1 = 1+'文字列'; console.log(str1.length); //4 let str2 = '叱責謝罪'; console.log(str2.length); //4
↑では、str2.lengthが４になっていますが
↓では、str2.lengthが７になります。何故でしょうか？
let str2 = '叱責謝罪'; console.log(str2.length); //7
他にも
let str2 = '文字列叱責'; console.log(str2.length); //5
↑これは５
↓は、'文字列'という3文字を外したので２になるのかと思ったら３になります。
let str2 = '叱責'; console.log(str2.length); //3
上に書いたコードと下に書いたコードの違いは、
let str1 = 1+'文字列';
console.log(str1.length); //4
↑このコードがあるかないかです。
このコードの部分を削除して
let str2 = '叱責謝罪';
console.log(str2.length); //7
だけを書くと、str2.lenghが７になります...。(謎)です
私の環境だとどちらも4になりますが、前後になにかコードがあってのことでしょうか？
head要素に↓これを書いたら４になりました..。
<meta charset="utf-8">
charsetの問題でしたか、
なにか謎の言語として裏側で計算されてたんですね笑
ありがとうございました(^^)
回答1件
0
ベストアンサー
いくつかのブラウザで試験してみました。
IE11(11.590.17134.0)
let str1 = 1+'文字列'; → 6 let str2 = '叱責謝罪'; → 8
FireFox65.0.1
Chrome72.0.3626.109
let str1 = 1+'文字列'; → 4 let str2 = '叱責謝罪'; → 4
試したコードは以下の通りです。
<html> <head> </head> <body> <script type="text/Javascript"> let str1 = 1+'文字列'; console.log(str1 + ' ' + str1.length); //4 let str2 = '叱責謝罪'; console.log(str2.length); //4 let str3 = '1234'; console.log(str3.length); //4 let str4 = 1234+''; console.log(str4.length); //4 </script> </body> </html>
ちなみにテキストの文字コードはUTF8、改行コードはCRLFでした。
ここで、<head>～</head>の間に以下のコードを追加しました。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
すると、IEでも正常に4と返却されるようになりました。
恐らくですが内部処理の際に文字化けして正しい文字数がカウントできていないのではないでしょうか？
投稿2019/02/15 14:48
総合スコア34
回答ありがとうございます。
head要素に<meta charset="utf-8">をつけたら解決しました。
↑これを書き忘れていました(^^;
よかったです！私もよく書き忘れるんですよね--;
IE以外のブラウザがちゃんと動いたりするので、互換性の試験中にドツボにはまりそうで要注意ですね><
あなたの回答
tips
プレビュー
