Map - JavaScript | MDN
const map = new Map(); map.set("a", 1); map.set("b", 2); map.set("c", 3); console.log(map.get("a")); // 予想される結果: 1 map.set("a", 97); console.log(map.get("a")); // 予想される結果: 97 console.log(map.size); // 予想される結果: 3 map.delete("b"); console.log(map.size); // 予想される結果: 2 解説 Map オブジェクトは、キーと値のペアのコレクションです。Map のキーは一度しか出現しません。Map の集合の中で一意です。Map オブジェクトはキーと値のペアで反復処理されます。for...of ループは、各反復処理に対して [キー, 値] という 2 つの
Array.prototype.fill() - JavaScript | MDN
引数 value 配列を埋める値。もし value がオブジェクトであれば、配列のそれぞれの要素はそのオブジェクトを参照します。 start 省略可 埋め始める位置のゼロから始まるインデックスで、整数に変換されます。 インデックスが負の場合、配列の末尾からさかのぼって数えます。 -array.length <= start < 0 の場合、 start + array.length が使用されます。 start < -array.length または start が省略された場合は 0 が使用されます。 start >= array.length の場合、埋められるインデックスはありません。 end 省略可 埋め終える位置のゼロから始まるインデックスで、整数に変換されます。 fill() は end を含まず、その直前までを埋めます。 インデックスが負の場合、配列の末尾からさかのぼって数え
Array.prototype.includes() - JavaScript | MDN
引数 searchElement 検索する値です。 fromIndex 省略可 検索し始める位置のゼロから始まるインデックスで、整数に変換されます。 インデックスが負の場合、配列の末尾からさかのぼって数えます。 -array.length <= fromIndex < 0 の場合、 fromIndex + array.length が使用されます。ただし、この場合でも配列は前から後ろに向けて検索されます。 fromIndex < -array.length または fromIndex が省略された場合は 0 が使用され、配列全体に対して検索が行われます。 fromIndex >= array.length の場合、配列の検索は行われず、 false が返されます。 返値 論理値で、searchElement の値が配列内（fromIndex が指定されていた場合は、配列のその位置以降の部分
Array.prototype.filter() - JavaScript | MDN
引数 callbackFn 配列のそれぞれの要素に対して実行する関数です。この関数は、配列の要素を保持する場合は真値、保持しない場合は偽値を返します。この関数は以下の引数で呼び出されます。 element 配列内で処理中の現在の要素です。 index 配列内で処理中の現在の要素のインデックスです。 array filter() が呼び出された配列です。 thisArg 省略可 callbackFn を実行する際に this として使用される値。反復処理メソッドを参照してください。 返値 指定された配列の一部を、指定された関数で実装されたテストに合格した要素だけに絞り込んでシャローコピーしたものです。テストに合格した要素がない場合は、空の配列が返されます。 解説 filter() メソッドは反復処理メソッドです。指定された callbackFn 関数を配列の各要素に対して一度ずつ呼び出し、
for...in - JavaScript | MDN
引数 variable それぞれの反復処理において、文字列でプロパティ名を受け取ります。const、let、var の何れかの宣言、または代入ターゲット（例えば、以前宣言された変数や、オブジェクトプロパティ、構造分解パターン）です。var で宣言された変数はループのローカル変数にはなりません。すなわち for...in ループと同じスコープになります。 object シンボルではない列挙可能なプロパティを反復処理するオブジェクトです。 statement それぞれの反復処理で実行される文です。 variable を参照することができます。ブロック文を使用して、複数の文を使用することができます。 解説 このループは、オブジェクト自身と、オブジェクトがそのプロトタイプチェーンから継承するプロパティ（プロトタイプチェーンにおいて、オブジェクトから遠いプロトタイプのプロパティよりも、近いプロトタイ
Array.prototype.reduce() - JavaScript | MDN
const array = [1, 2, 3, 4]; // 0 + 1 + 2 + 3 + 4 const initialValue = 0; const sumWithInitial = array.reduce( (accumulator, currentValue) => accumulator + currentValue, initialValue, ); console.log(sumWithInitial); // 予想される結果: 10 引数 callbackFn 配列の各要素に対して実行される関数です。その返値は、次に callbackFn を呼び出す際の accumulator 引数の値になります。最後の呼び出しでは、返値は reduce() の返値となります。この関数は以下の引数で呼び出されます。 accumulator 前回の callbackFn の呼び出し結果
function* 宣言 - JavaScript | MDN
引数 name 関数名。 param 省略可 関数の形式上の引数の名前。引数の構文については、関数リファレンスを参照してください。 statements 省略可 関数の本体を構成する文。 解説 function* 宣言は GeneratorFunction オブジェクトを生成します。ジェネレーター関数が呼び出されるたびに、新しい Generator オブジェクトが返され、これはイテレータープロトコルに準拠します。ジェネレーター関数の実行は、ある場所で中断されます。初期状態では関数本体の先頭で中断されます。ジェネレーター関数は複数回呼び出して複数のジェネレーターを同時に生成できます。各ジェネレーターは、ジェネレーター関数の実行コンテキストを独自に保持し、独立してステップ実行できます。 ジェネレーターは双方向の制御フローをすることができます。制御フローはジェネレーター関数（呼び出し先）とその呼
Promise - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback 解説 プロミス (Promise) は、作成された時点では分からなくてもよい値へのプロキシーです。非同期のアクションの成功値または失敗理由にハンドラーを結びつけることができます。これにより、非同期メソッドは結果の値を返す代わりに、未来のある時点で値を提供するプロミスを返すことで、同期メソッドと
Array.prototype.reverse() - 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 reverse() は Array のメソッドで、配列の要素をその場 (in-place) で反転させ、その配列への参照を返します。最初の要素が最後の要素に、最後の要素が最初の要素になります。言い換えれば、配列内の要素順序を、先に述べた方向とは逆に向かわせます。 元の配列を変更せずに配列の要素を反転させるには toReversed() を使用してください。
「…」←これ、ただの省略記号かと思ってました。（Spread operatorのお話）｜もっこりJavaScript｜ANALOGIC（アナロジック）
【2017.08.04追記】 記事の内容が「Spread operator」と「残余引数 (Rest parameters) 」とが混同しているとのご指摘を受け、内容を一部修正しました。 先日、ES2015の新構文について少し調べていた時の事。ふとこんなサンプルコードが目につきました。 function myFunction(x, y, z) { } var args = [0, 1, 2]; myFunction(...args);} 一見、なんの変哲もない普通のコードかと思っていたのですが、よく見ると関数の引数部分に「…args」というのがあります。 ドット3つ（日本語で言うところの３点リーダ）の後に引数名となっていますね。 私もよくブログ内で記事を書くときに、省略やエトセトラ（etc）的な意味を表現するために「…」を使いますが、上記のコードの「…args」の部分もその類かと思っていま
Array.prototype.some() - JavaScript | MDN
引数 callbackFn 配列のそれぞれの要素に対して実行する関数です。この関数は、要素がテストに合格したことを示すには真値を、そうでない場合は偽値を返します。この関数は以下の引数で呼び出されます。 element 配列内で処理中の現在の要素です。 index 配列内で処理中の現在の要素のインデックスです。 array some() が呼び出された配列です。 thisArg 省略可 callbackFn を実行する際に this として使用される値。反復処理メソッドを参照してください。 返値 配列の要素のいずれかで callbackFn が真値を返した場合は、直ちに true を返します。それ以外の場合は false です。 解説 some() メソッドは反復処理メソッドです。指定された callbackFn 関数を配列の各要素に対して一度ずつ、 callbackFn が真値を返すまで呼
RegExp.prototype.exec() - JavaScript | MDN
const regex = /fo+/g; const str = "table football, foosball"; let array; while ((array = regex.exec(str)) !== null) { console.log(`Found ${array[0]}. Next starts at ${regex.lastIndex}.`); // 予想される結果: "Found foo. Next starts at 9." // 予想される結果: "Found foo. Next starts at 19." } 引数 str 正規表現の照合を実施する文字列。すべての値は文字列に強制されますので、省略したり undefined を渡したりすると exec() は文字列 "undefined" を検索するようになりますが、これは望むところではないでしょう。
isNaN() - JavaScript | MDN
引数 value テストされる値。 返値 指定された値を数値に変換した後で NaN であれば、 true を返します。それ以外の場合は、 false を返します。 解説 isNaN() は、グローバルオブジェクトの関数プロパティです。 数値の場合、 isNaN() は、その数値が NaN であるかどうかを検査します。 isNaN() 関数の引数が数値型でない場合、その値はまず数値に変換され、その結果が NaN と比較されます。 数値以外の引数に対する isNaN() のこの動作は、紛らわしいかもしれません。例えば、空文字列は 0 に強制変換されますが、論理値は 0 または 1 に強制変換されます。どちらの値も直感的には「数値ではない」ですが、 NaN と評価されないため、 isNaN() は false を返します。したがって、 isNaN() は、「入力は浮動小数点 NaN 値であるか」
eval() - JavaScript | MDN
引数 script JavaScript の式、文、または一連の文を表す文字列です。式には、既存オブジェクトの変数およびプロパティを含められます。これはスクリプトとして解釈されますので、 import 宣言（モジュールの中に存在しうる）は許可されていません。 返値 与えられたコードの評価結果の値を返します。評価結果が空の場合は、undefined を返します。もし script が文字列プリミティブでなければ、 eval() は引数を変更せずに返します。 例外 コードを評価している間に発生するあらゆる例外が発生します。もし script がスクリプトとして解釈できなかった場合は SyntaxError になります。 解説 eval() はグローバルオブジェクトの関数プロパティです。 eval() 関数の引数は文字列です。 ソース文字列をスクリプト本体として評価します。つまり、文と式の両方が
String.prototype.slice() - JavaScript | MDN
引数 indexStart 返却する部分文字列に含める最初の文字の位置です。 indexEnd 省略可 返却する部分文字列から除外する最初の文字の位置です。 返値 文字列の取り出された部分を含んだ新しい文字列です。 解説 slice() は 1 つの文字列からテキストを取り出し、新しい文字列を返します。 slice() は、indexEnd まで（ただし indexEnd 自体は含まない）を抽出します。例えば、str.slice(4, 8) は、5 文字目から 8 文字目（インデックス 4、5、6、7 の文字）を抽出します。 indexStart indexEnd ↓ ↓ | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | | T | h | e | | m | i | r | r | o | r | m i r r _______________ ↑ Re
String: length - JavaScript | MDN
解説 このプロパティは、文字列内のコード単位の数を返します。JavaScript では UTF-16 エンコーディングを使用しており、すべての Unicode 文字が 1 つまたは 2 つのコード単位にエンコードされるため、length で返される値は文字列の実際の Unicode 文字数に一致しない可能性があります。よく使われるラテン、キリル、有名な漢字などはこのような問題にはなりませんが、絵文字、数学記号、難しい漢字などのような特定の文字体系では、length で返される値が文字列の実際の文字数と一致しなくなる可能性があるので、コード単位数と文字数の違いを考慮する必要があるかもしれません。 言語の仕様書では、文字列の最大長が 253 - 1 要素と制定されており、これは正確に表せる整数の上限となっています。しかし、この長さの文字列は 16,384TiB のストレージを必要とし、これは一
String.prototype.match() - JavaScript | MDN
引数 regexp 正規表現オブジェクト、または Symbol.match を持つ任意のオブジェクトです。 regexp が RegExp 以外のオブジェクトであった場合、暗黙的に RegExp への変換が new RegExp(regexp) を使用して行われます。 一切引数を与えずに match() メソッドを使った場合、空文字列 1 つを持つ Array、[""] が得られます。これは match(/(?:)/) と同じになるからです。 返値 Array を返します。これはグローバル (g) フラグの有無によって内容が変わります。一致するものが見つからなかった場合は null を返します。 g フラグがあった場合は、正規表現全体に一致したすべての結果を返しますが、キャプチャグループは返しません。 g フラグがなかった場合、最初に完全に一致したものと、それに関するキャプチャグループを返
スプレッド構文 (...) - JavaScript | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年10月. Learn more See full compatibility Report feedback スプレッド構文 (...) 構文を使うと、配列式や文字列などの反復可能オブジェクトを、0 個以上の引数（関数呼び出しの場合）や要素（配列リテラルの場合）を目的の場所に展開することができます。オブジェクトリテラルでは、スプレッド構文によりオブジェクトのプロパティを列挙し、作成するオブジェクトにキーと値の組を追加します。 スプレッド構文は、残余構文とまったく同じように見えますが、ある意味では、スプレッド構文は残余構文の反対です
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Math.PI - JavaScript | MDN
Function.prototype.call() - JavaScript | MDN