Javascript

4/4ページ

[Javascript] ゼロ埋め(ゼロパディング)する方法

javascriptで0埋め(ゼロパディング)する方法 ある数値について、指定桁数まで左にゼロ埋めしたい場合があります。その実現には slice() を利用します。例えば、12 を3桁で0埋めするには次のように書きます。 var a = ("000"+12).slice(-3); // "012" このコードではまず、文字列 “000” とゼロ埋めしたい […]

Javascriptで同じ文字列を繰り返す方法

Javascriptで同じ文字列を繰り返す方法 Javascriptで同じ文字列を繰り返して新しい文字列を生成する方法が知りたかったので調べました。例えば “abc” という文字列を3回繰り返した “abcabcabc” という文字列を取得する方法です。 join()を使う方法 空文字を n+1 個持った配列を用意し、繰り返したい文字列を区切り文字と […]

[Javascript] スプレッド演算子(Spread Operator)の使い方

スプレッド演算子とは Javascript(ES6) には スプレッド演算子 (Spread Operator)と呼ばれる演算子があります。これは ” … “(カンマ3つ)で表現され、分割代入(複数値の展開)の為に用いられるものです。検索しにくいですが。 例えば引数を3つ取る関数に配列をスプレッド演算子で展開して渡したりすることができます。具体的には以下のコード […]

[Webpack] 環境構築入門

Webapackとは Webpack とは、webアプリケーションにおけるリソース(javascript等)の依存関係を解消し、配布用のアセット(bundleファイル)を生成するビルドツールです。javascript以外にもcssやAltjsにも対応できるため非常に便利です。 使うとどうなる? 例えばjavascriptが複数のファイルA,Bから構成される場合、これらをくっつけて1つのファイルを生 […]

[Typescript] 開発環境構築入門

Typescriptとは Typescriptとは、マイクロソフト謹製のオープンソースのプログラミング言語です。AltJSと呼ばれる言語の一種で、TypescriptをコンパイルすることでJavascriptのコードに変換できます。Javascriptのスーパーセット(上位互換)であり、既存のJavascriptがそのままTypescriptとして扱えるのはもちろん、静的な型付け機能や、クラス・継 […]

[JS] 配列の操作まとめ(要素の追加、削除他)

Javascriptの配列操作方法まとめ Javascriptでの配列に対する操作方法をまとめます。 配列の生成 配列を生成するには Arrayコンストラクタ もしくは 配列リテラル を使います。 コンストラクタによる生成 new Array(n) で要素数nの配列を生成できます。 new Array(item1, item2, …) で配列の生成と同時に値を初期化します。引数なしの場 […]

  • 2016.11.28

[JS] 数値のみ入力可能なコントロール

Javascriptで数値のみ入力可能にする 通常の input type=’text’ に対し、半角数字のみの入力を可能になるような制御を、Javascript で実装します。 実装方法は単純です。input の onKeyupイベント で正規表現で半角数字以外の文字について空文字に置換します。 実装例 <input type="text" on […]

1 4