JavaScriptで数字を0と1に変換してバイナリ文字列を生成する方法
問題
数字のみで構成された文字列を受け取るJavaScript関数を作成します。この関数は、5未満の各桁の数字を「0」に、5以上の数字を「1」に置き換え、変換後の文字列を返す必要があります。
つまり、与えられた数字列を簡易的なバイナリ表現へとマッピングする処理を行います。
実装例
以下に実際のコード例を示します。
const str = '262355677834342';
const convert = (str = '') => {
let res = '';
for(let i = 0; i < str.length; i++){
const el = +str[i];
if(el < 5){
res += 0;
}else{
res += 1;
};
};
return res;
};
console.log(convert(str));出力結果
010011111100000
コードの解説
このコードでは、まず文字列を1文字ずつループで走査し、+演算子を使って各文字を数値に変換しています。その後、条件分岐によって5未満なら「0」、5以上なら「1」を結果文字列に連結していきます。
なお、同様の処理はmap()や正規表現を使えばより簡潔に記述することも可能です。例えば、次のように一行で書くこともできます。
const convert = str => str.replace(/[0-4]/g, '0').replace(/[5-9]/g, '1');
どちらのアプローチでも同じ結果が得られますので、可読性やパフォーマンスの要件に応じて使い分けるとよいでしょう。
-
JavaScriptでフォームをリセット・クリアする方法|reset()メソッドの使い方を解説
JavaScriptを使ってフォームをリセットまたはクリアしたい場合は、reset()メソッドを使用します。このメソッドは、フォームに用意された「リセットボタン」をクリックしたときとまったく同じように動作し、フォーム内のすべての入力要素(テキストボックス、パスワード欄、チェックボックス、ラジオボタンなど)の値を初期状態に戻します。reset()メソッドの基本reset()メソッドは、対象のform要素に対して呼び出すだけで使えます。なお、リセットとは「空にする」ことではなく、HTMLのvalue属性などで指定された初期値(デフォルト値)に戻すという点に注意してください。初期値が設定されていない
-
JavaScriptのimportで波括弧「{}」を使う理由とは?名前付きエクスポートの基本をわかりやすく解説
JavaScript(ESモジュール)でモジュールを読み込む際、import 文に波括弧 { } を付けるかどうか迷ったことはありませんか?実はこの波括弧は、名前付きエクスポート(named export)を読み込むために必要な記法です。本記事では、実際のコード例を使いながら、{ } の役割と使い方を詳しく解説します。 importで { } を使う場面とは JavaScriptのESモジュールでは、エクスポート方法によって読み込み側の書き方が変わります。 名前付きエクスポート:export { 関数名 } のようにエクスポートされたものを読み込む場合は、import { 名前 } fro