Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ECMAScript 6(2015年6月に公開され、今もなお比較的新しい JavaScript)の大目玉である イテレータ と ジェネレータ。なかなかに複雑で巨大な仕組みになっていてややこしいです。 そこで今回は ジェネレータ を、順を追って理解できるように解説したいと思います。 Qiita: JavaScript の イテレータ を極める! ←こちらから読むのがオススメです Qiita: JavaScript の ジェネレータ を極める!(この記事) また、実用的なサンプルを「3. 実用サンプル」に示しました。 初めにこちらを見て、何ができるのかを知ってから読み始めるのもオススメです。 (2017年3月現在、オープンなページでの使用はまだ避けたほうがいいかもしれませんが、実装は確実に進んでいます。ECMAScript 6 compatibility table) 1. ジェネレータ、ジェ
引数 value1, …, valueN 省略可 新しい配列に連結する配列や値です。 すべての valueN 引数が省略された場合、 concat は呼び出された既存の配列のシャローコピーを返します。 詳しくは下記の解説をお読みください。 返値 新しい Array インスタンス。 解説 concat メソッドは新しい配列を作成します。この配列には、まず、このメソッドが名付けられたオブジェクトの要素が入ります。それから、それぞれの引数に対して、その値が配列に追加されます。通常のオブジェクトやプリミティブの場合、引数自体が最終的な配列の要素になります。配列や 配列風のオブジェクトで Symbol.isConcatSpreadable プロパティを真値に設定している場合、各引数の要素は独立して最終的に配列に追加されます。 concat メソッドは入れ子になった配列の引数に再帰的にアクセスすること
標準組み込みオブジェクトStringコンストラクターString() コンストラクター静的メソッドString.fromCharCode()String.fromCodePoint()String.raw()インスタンスメソッドString.prototype.anchor() 非推奨; String.prototype.at()String.prototype.big() 非推奨; String.prototype.blink() 非推奨; String.prototype.bold() 非推奨; String.prototype.charAt()String.prototype.charCodeAt()String.prototype.codePointAt()String.prototype.concat()String.prototype.endsWith()String.prot
引数 object オブジェクト名、またはオブジェクトとして評価される式です。 property 削除するプロパティです。 返値 プロパティが自分自身の構成不可のプロパティであった場合、 strict モードでなければ false を返します。それ以外の場合は true を返します。 例外 strict モードでは、プロパティが編集不可の場合、TypeError が発生します。 解説 一般的に信じられていることとは異なり (おそらく C++ における delete のような他のプログラミング言語の影響ですが)、delete 演算子は、直接的にメモリーを解放することはありません。メモリーの管理は参照が切れることで間接的に行われます。詳細はメモリー管理を参照してください。 delete 演算子は指定したプロパティをオブジェクトから取り除きます。削除に成功すると true を返し、そうでなければ
引数 なし。 返値 現在時刻のタイムスタンプをミリ秒単位で表す数値です。 解説 時間の精度の低下 タイミング攻撃やフィンガープリンティングに対する保護機能を提供するために、 someFile.lastModified の精度がブラウザーの設定に応じて丸められることがあります。 Firefox では、privacy.reduceTimerPrecision 設定は既定で有効になっており、既定で 2 ミリ秒になります。この場合、精度は 100ms または privacy.resistFingerprinting.reduceTimerPrecision.microseconds の値のどちらか大きい方になります。 例えば、時刻の精度を下げた場合、 Date.now() の結果は常に 2 の倍数になり、privacy.resistFingerprinting を有効にした場合は 100 の倍数(
// 基本的な配列 const arr = ["a", "b", "c"]; console.log(Object.keys(arr)); // ['0', '1', '2'] // オブジェクトのような配列 const obj = { 0: "a", 1: "b", 2: "c" }; console.log(Object.keys(obj)); // ['0', '1', '2'] // キーの順序がランダムなオブジェクトのような配列 const anObj = { 100: "a", 2: "b", 7: "c" }; console.log(Object.keys(anObj)); // ['2', '7', '100'] // getFoo は列挙可能ではないプロパティ const myObj = Object.create( {}, { getFoo: { value() {
引数 callbackFn 配列のそれぞれの要素に対して実行する関数。その返値は、新しい配列の単一の要素として追加されます。この関数は、以下の引数で呼び出されます。 element 配列内で現在処理中の要素です。 index 現在処理中の要素の配列内における添字です。 array map() が呼び出された配列です。 thisArg 省略可 callbackFn を実行するときに this として使う値です。反復処理メソッドを参照してください。 返値 与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列です。 解説 map() メソッドは反復処理メソッドです。指定された関数 callbackFn を配列に含まれる各要素に対して一度ずつ呼び出し、その結果から新しい配列を構築します。これらのメソッドが一般的にどのように動作するのかについての詳細は、反復処理メソッドの節
標準組み込みオブジェクトArrayコンストラクターArray() コンストラクター静的メソッドArray.from()Array.fromAsync()Array.isArray()Array.of()静的プロパティArray[Symbol.species]インスタンスメソッドArray.prototype.at()Array.prototype.concat()Array.prototype.copyWithin()Array.prototype.entries()Array.prototype.every()Array.prototype.fill()Array.prototype.filter()Array.prototype.find()Array.prototype.findIndex()Array.prototype.findLast()Array.prototype.find
引数 callbackFn 配列のそれぞれの要素に対して実行する関数です。この関数は、要素がテストに合格したことを示すには真値を、そうでない場合は偽値を返します。この関数は以下の引数で呼び出されます。 element 配列内で処理中の現在の要素です。 index 配列内で処理中の現在の要素のインデックスです。 array some() が呼び出された配列です。 thisArg 省略可 callbackFn を実行する際に this として使用される値。反復処理メソッドを参照してください。 返値 配列の要素のいずれかで callbackFn が真値を返した場合は、直ちに true を返します。それ以外の場合は false です。 解説 some() メソッドは反復処理メソッドです。指定された callbackFn 関数を配列の各要素に対して一度ずつ、 callbackFn が真値を返すまで呼
リンク元がお友達のページであれば、「○×さんのホームページからお越しですね。ありがとうございます。」と表示してみたら面白いかもしれません。 リスト <script type="text/javascript"><!-- if (document.referrer.length !=0 ){ myRef = document.referrer; if ( myRef.indexOf( "http://www.google.co.jp" ) == 0 ){ document.write( "Google検索からお越しですね! ありがとうございます!" ); }else if ( myRef == "http://www.red.oit-net.jp/tatsuya/java/index.htm" ){ document.write( "イヌでもわかるJavaScript講座 目次 から いらっ
引数 searchElement 検索する値です。 fromIndex 省略可 検索し始める位置のゼロから始まるインデックスで、整数に変換されます。 インデックスが負の場合、配列の末尾からさかのぼって数えます。 -array.length <= fromIndex < 0 の場合、 fromIndex + array.length が使用されます。ただし、この場合でも配列は前から後ろに向けて検索されます。 fromIndex < -array.length または fromIndex が省略された場合は 0 が使用され、配列全体に対して検索が行われます。 fromIndex >= array.length の場合、配列の検索は行われず、 false が返されます。 返値 論理値で、searchElement の値が配列内(fromIndex が指定されていた場合は、配列のその位置以降の部分
プログラミング初心者向けに、JavaScriptで【setInterval】を使う方法を解説した記事です。本記事では、setIntervalのタイマー処理でカウントアップ、処理を停止する方法を紹介します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptでsetIntervalを使う方法について解説します。 本記事では、テキストエディタのmiを使
This feature is well established and works across many devices and browser versions. It’s been available across browsers since May 2018. Learn moreSee full compatibilityReport feedback export 宣言は、JavaScript モジュールから値をエクスポートするために使用されます。エクスポートされた値は import 宣言やダイナミックインポートによって、他のプログラムにインポートすることができます。インポートされたバインディングの値は、それをエクスポートするモジュールの変更の対象となります。モジュールがエクスポートするバインディングの値を更新すると、その更新はインポートされた値として見えます。 ソースファ
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015. Learn moreSee full compatibilityReport feedback find() は Array インスタンスのメソッドで、提供されたテスト関数を満たす配列内の最初の要素を返します。 テスト関数を満たす値がない場合は、 undefined を返します。 配列内で見つかった要素のインデックスが必要な場合は、findIndex() を使用してください。 値のインデックスを検索する必要がある場合は、indexOf() を使用してください。(findIndex() と似ていますが、それぞれ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く