javascript 文字列を1文字ずつ表示する

javascript 文字列を1文字ずつ表示する

javascriptで、charAtメソッドを使用して文字列を1文字ずつフロントに表示するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Nginx 1.18.0

※windows10にnginxのインストールはこちら

charAtメソッド使い方

charAtメソッドは、指定した位置の文字列を1文字取得することができるので、これを利用します。
※番号は「0」から始まります。

charAtメソッド使用例

サンプルコード

以下は、用意した文字列を「 1文字ずつ表示 」ボタンをクリックすると、liタグで1文字ずつ表示するサンプルコードとなります。

※cssには「uikit」を使用してます。

文字列が1文字ずつ表示されていることが確認できます。