JavaScriptの正規表現
●任意の文字に一致 書式：/文字/ 例１："abcdefg".match(/a/) 結果：a 例２："abcdefg".match(/cde/) 結果：cde 例２："abcdefg".match(/xyz/) 結果：null ●改行文字を除く任意の１文字にマッチ 書式：/.文字/ 例１："abcdefg".match(/.f/) 結果：ef ●複数個の文字にマッチ 書式：/../ （.はマッチする個数並べる） 例１："abcdefg".match(/.f/) 結果：ef ●指定文字のいずれかにマッチ 書式：/[任意文字]/ 例１："abcdefg".match(/[ahg]/) 結果：a ●指定文字以外のいずれかにマッチ 書式：/[^任意文字]/ 例１："abcdefg".match(/[^ahg]/) 結果：b ●複数の文字列のいずれかにマッチ 書式：/任意文字列|任意文字列|...|
正規表現 - JavaScript | MDN
コンストラクター関数を使用すると、実行時にその正規表現をコンパイルします。 正規表現パターンが変わることが分かっている場合や、パターンが分からない場合、ユーザー入力など別なところからパターンを取得する場合は、コンストラクター関数を使用してください。 正規表現パターンの記述 正規表現パターンは、 /abc/ のような単純な文字、または /ab*c/ や /Chapter (\d+)\.\d*/ のような単純な文字と特殊文字との組み合わせからなります。 最後の例には記憶装置として用いられる丸括弧があります。 パターンのこの部分に一致した箇所は、後で使用できるように記憶されます。詳しくはグループの使用を参照してください。 単純なパターンの使い方 単純なパターンとは、直接一致するものを探したい文字で構成されたものです。例えば /abc/ というパターンは、文字列の中で "abc" という並びが正確
String.prototype.charCodeAt() - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback charCodeAt() メソッドは、指定された位置にある UTF-16 コード単位を表す 0 から 65535 までの整数を返します。 charCodeAt() は常に UTF-16 コード単位の並びとして文字列をインデックスするので、孤立サロゲートを返すかもしれません。コードポイント値全体を取得したい場合は、 codePointAt() を使用してください。
DOMのJavaScriptイベントハンドラは引数が固定されている、という制限を回避する方法 - IT-Walker on hatena
これもはまって、解決策がなかなか見つからなかった・・ どういうことかというと、良くある話です。 DOMを使って、onclickプロパティに関数を代入したり、addEventListener/attachEventメソッドを使用してイベントハンドラを登録したりするとき、その関数に引数を渡したい時があります。 普通は、DOMのイベントハンドラと言えば引数なしか、イベントオブジェクトを一つとるものしか受け付けられません。つまり、HTMLの属性を用いた昔ながらの方法だと以下のコード内のrowSelectedに該当することが、DOM + イベントハンドラの設定では実現できないことになります。 <table> <tr onclick="rowSelected('0');">..</tr> <tr onclick="rowSelected('1');">..</tr> </table> 例に挙げたこのテ
JavaScript/イベント/onclickで割り当てるハンドラ関数に引数を渡す - yanor.net/wiki
onclickで割り当てるハンドラ関数に引数を渡す 引数無しのハンドラ関数割り当て document.getElementById('foo').onclick = func; 引数有りのハンドラ関数割り当て1 目的の関数を無名関数で包んで割り当てる。 document.getElementById('foo').onclick = function () { func('hello'); }; 引数有りのハンドラ関数割り当て2 変数を引数にしたい場合、以下のようにしても、ハンドラ関数が実行される（foo0がonclickされる）際にその変数（n）が評価されるので、nはfoo0が期待するような値として得られない。 for ( var n = 0; n < 3; n++ ) { document.getElementById('foo' + n).onclick = function ()
即時関数(function(){ ... })()の別の書き方いろいろ - 泥のように
JavaScriptでよく使われるコード片に即時関数というものがあります。無名関数を宣言して即実行することで、ブロックスコープの存在しないJavaScriptにおいて擬似的にブロックスコープを再現します。 var a = "global"; (function(){ var a = "local"; alert(a); //local })(); alert(a); //global 一番有名なのはこの(function(){ ... })()の形式なのですが、なぜfunctionの外側にカッコが必要なのか不思議に思ったことはないでしょうか？ ためしにfunction(){ ... }()と書いてみると、Syntax Errorが発生します。 なぜfunction(){ ... }()はSyntax Errorなのか JavaScriptにはfunction文とfunction式があって、
【CSS3】Transform（変形）関連のまとめ - Qiita
はじめに この記事は、HTMLとCSSの基礎知識がある方向けの内容です。 CSS3から要素の変形が指定できる、transform（トランスフォーム）プロパティが追加されました。 transformプロパティを使うことで、要素に対して移動、回転、伸縮、傾斜の変形を加えることができます。 ボタンにマウスカーソルを乗せたときに、移動したり、大きさを変えたりするのに使われるプロパティです。 jQueryやJavaScriptを使って似たようなことができますが、CSSを使う方がヌルヌル動きます。 transform（変形）には、2D（ XY 方向）と 3D（ XYZ 方向）があり、3D 表示するには複数のプロパティを指定する必要があります。 解説の都合上、プロパティは順番に説明しているため、記事の途中で 3D 表示を試しても意図した 3D 表示がされません。 検証する場合は、一読して全てのプロパティ
関数の呼び出しかた - OKWAVE
関数を呼び出す関数 Javascriptを勉強し始めたばかりの者です。 やりたいことを実現するうまい方法が見つからなくて困っています。 例えば、以下のように複数の関数があらかじめあって、 sample1() sample2() sample3() ・ ・ sample20() これらをまとめて実行する function all() といった関数を作りたいと思っています。 function all()の中にそれぞれ羅列すれば実現できる？のですが （例） <script type="text/javascript"> <!-- function sample1(){ なんらかの処理1 } function sample2(){ なんらかの処理2 } ・ ・ ・ //前述関数をまとめて実行する関数 function all(){ sample1(); sample2(); sample3();
コールバック | 中上級者になるためのJavaScript
Share on Twitter Share on Google Share on Facebook Share on Weibo Share on Instapaper コールバック JavaScriptでは、関数もオブジェクトです。 オブジェクトということは、関数の引数として渡すことができます。 ということはつまり、関数の引数に関数を指定することができます。 これが「コールバック」の仕組みです。 基本的な使い方は簡単で、以下のように引数に関数を指定するだけです。なお、引数に入れる関数にかっこをつけないように気を付けてください。括弧があると関数は実行されてしまいます。実行されるタイミングは、呼び出し元の関数内部でコントロールするべきです。 function sayHello(callback){ //... callback(); //... } function getName(){
GitBook – Documentation designed for your users and optimized for AI
Intelligent docs that sell, support and scale your product
関数 - JavaScript | MDN
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 View in English ` � ��Always switch to English 前のページ 次のページ 関数は、 JavaScript の基本的な構成要素のひとつです。 JavaScript の関数は、プロシージャに似ています。タスクを実行したり値を計算したりする一連の文ですが、プロシージャが関数として認められるためには、何らかの入力を受け取り、入力と出力の間に何らかの明白な関係がある出力を返す必要があります。関数を使用するには、呼び出したいスコープのどこかで関数を定義する必要があります。 より詳しくは JavaScript の関数に関する完全なリファレンスについての章をご覧ください。
オブジェクトでの作業 - JavaScript | MDN
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。 � �?View in English �n�?Always switch to English 前のページ 次のページ JavaScript は、オブジェクトベースの枠組みで設計されています。オブジェクトはプロパティの集まりであり、プロパティは名前 (あるいは「キー」) と値との関連付けから成り立っています。プロパティの値を関数にすることもでき、その場合はプロパティはメソッドと呼ばれます。 他の多くのプログラミング言語と同様、 JavaScript におけるオブジェクトも、現実世界の「もの」 (すなわちオブジェクト) になぞらえることができます。 JavaScript では、オブジェクトはプロパティと型を持つ独立した存在です。コップを例に考えて
JavaScriptの行末セミコロンは省略すべきか
目次 自動セミコロン挿入(Automatic Semilocon Insertion) Restricted Production ASIの害 セミコロンにまつわる論争 で、どっちがいいの? JavaScriptには、 自動セミコロン挿入 という機能があり、行末でセミコロンを省略しても、多くの場合文法的に問題ありません。 しかしながら、 JavaScript: The Good Parts などで指摘されているように、自動セミコロン挿入は有害な機能であるため、JavaScriptのステートメント末尾には必ずセミコロンを付与するというのがフロントエンドエンジニアの共通認識だと思っていました。1 ところが、 Bootstrap に含まれるJavaScriptコードを見てみると、基本的にセミコロンが使用されていません。 調べてみると、どうも世の中にはJavaScriptのステートメント末尾にセミ
まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 ..
まじな話をすると、N予備校のプログラミング入門コースやるのがオススメ。 https://www.nnn.ed.nico 一日8時間勉強時間があるなら、だいたい一ヶ月で終わる内容。 月額1000円だけどしっかり勉強すれば一ヶ月の無料期間中に終わると思う。 もともとN高等学校のノンプログラマーの生徒をWebエンジニアとして就職させるために作られたカリキュラムで講師曰く去年はこれで二人エンジニア就職を決めたらしい。 内容も相当親切に説明していて、プログラミングで何か作るだけじゃなくて、就職に必要な環境構築やセキュリティまでみっちりやる。 http://qiita.com/sifue/items/7e7c7867b64ce9742aee#%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%97%E3%83%88%E3%82%92%E3%82%82%E3%81%A8%E3%81%AB
Array.prototype.reduce() - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月. Learn more See full compatibility Report feedback reduce() は Array インターフェイスのメソッドで、配列のそれぞれの要素に対して、ユーザーが提供した「縮小」コールバック関数を呼び出します。その際、直前の要素の計算結果の返値を渡します。配列のすべての要素に対して「縮小」コールバック関数を実行した最終結果は、単一の値となります。 コールバックの初回実行時には「直前の計算の返値」は存在しません。初期値が与えらえた場合は、代わりに使用されることがあります。そうでな
switch - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月. Learn more See full compatibility Report feedback switch 文は式を評価して、一連の case 節に対してその式の値を照合し、最初に値が一致した case 節の後の文を、break 文に出会うまで実行します。一致した case の後にある文も同様に実行します。switch 文の default 節には、 case が式の値と一致しない場合にジャンプします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでクロージャ入門。関数はすべてクロージャ？ - Qiita
tmlife – ビジネスと経営戦略
【JavaScript】日付処理 - Qiita
JavaScript の Date は罠が多すぎる - Qiita
