タグ

javascriptとreferenceに関するkathewのブックマーク (264)

  • Promiseの使い方、それに代わるasync/awaitの使い方 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    Promiseの使い方、それに代わるasync/awaitの使い方 - Qiita
  • JavaScript の ジェネレータ を極める! - Qiita

    ECMAScript 6(2015年6月に公開され、今もなお比較的新しい JavaScript)の大目玉である イテレータ と ジェネレータ。なかなかに複雑で巨大な仕組みになっていてややこしいです。 そこで今回は ジェネレータ を、順を追って理解できるように解説したいと思います。 Qiita: JavaScript の イテレータ を極める! ←こちらから読むのがオススメです Qiita: JavaScript の ジェネレータ を極める!(この記事) また、実用的なサンプルを「3. 実用サンプル」に示しました。 初めにこちらを見て、何ができるのかを知ってから読み始めるのもオススメです。 (2017年3月現在、オープンなページでの使用はまだ避けたほうがいいかもしれませんが、実装は確実に進んでいます。ECMAScript 6 compatibility table) 1. ジェネレータ、ジェ

    JavaScript の ジェネレータ を極める! - Qiita
  • Array.prototype.concat() - JavaScript | MDN

    引数 value1, …, valueN 省略可 新しい配列に連結する配列や値です。 すべての valueN 引数が省略された場合、 concat は呼び出された既存の配列のシャローコピーを返します。 詳しくは下記の解説をお読みください。 返値 新しい Array インスタンス。 解説 concat メソッドは新しい配列を作成します。この配列には、まず、このメソッドが名付けられたオブジェクトの要素が入ります。それから、それぞれの引数に対して、その値が配列に追加されます。通常のオブジェクトやプリミティブの場合、引数自体が最終的な配列の要素になります。配列や 配列風のオブジェクトで Symbol.isConcatSpreadable プロパティを真値に設定している場合、各引数の要素は独立して最終的に配列に追加されます。 concat メソッドは入れ子になった配列の引数に再帰的にアクセスすること

    Array.prototype.concat() - JavaScript | MDN
  • String.prototype.split() - JavaScript | MDN

    引数 separator 各分割がどこで行われるかを表すパターンです。undefined、文字列、または Symbol.split メソッドを持つオブジェクトを指定することができます。典型的な例は正規表現です。separator を省略したり undefined を渡したりすると、split() は呼び出し元の文字列を 1 つの要素とする配列を返します。undefined でない値、または [Symbol.split]() メソッドを持つオブジェクトはすべて文字列に変換されます。 limit 省略可 配列に含める部分文字列の数の制限を指定する非負の整数。指定した場合は、指定した separator が出現するたびに文字列を分割しますが、limit 個の項目が配列に格納された時点で分割を終了します。残った文字列は配列に格納されません。 制限数に達する以前に文字列の末尾に達した場合は、配列の要

    String.prototype.split() - JavaScript | MDN
  • delete 演算子 - JavaScript | MDN

    引数 object オブジェクト名、またはオブジェクトとして評価される式です。 property 削除するプロパティです。 返値 プロパティが自分自身の構成不可のプロパティであった場合、 strict モードでなければ false を返します。それ以外の場合は true を返します。 例外 strict モードでは、プロパティが編集不可の場合、TypeError が発生します。 解説 一般的に信じられていることとは異なり (おそらく C++ における delete のような他のプログラミング言語の影響ですが)、delete 演算子は、直接的にメモリーを解放することはありません。メモリーの管理は参照が切れることで間接的に行われます。詳細はメモリー管理を参照してください。 delete 演算子は指定したプロパティをオブジェクトから取り除きます。削除に成功すると true を返し、そうでなければ

    delete 演算子 - JavaScript | MDN
  • Date.now() - JavaScript | MDN

    引数 なし。 返値 現在時刻のタイムスタンプをミリ秒単位で表す数値です。 解説 時間の精度の低下 タイミング攻撃やフィンガープリンティングに対する保護機能を提供するために、 someFile.lastModified の精度がブラウザーの設定に応じて丸められることがあります。 Firefox では、privacy.reduceTimerPrecision 設定は既定で有効になっており、既定で 2 ミリ秒になります。この場合、精度は 100ms または privacy.resistFingerprinting.reduceTimerPrecision.microseconds の値のどちらか大きい方になります。 例えば、時刻の精度を下げた場合、 Date.now() の結果は常に 2 の倍数になり、privacy.resistFingerprinting を有効にした場合は 100 の倍数(

    Date.now() - JavaScript | MDN
  • Object.keys() - JavaScript | MDN

    // 基的な配列 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() {

    Object.keys() - JavaScript | MDN
  • Array.prototype.map() - JavaScript | MDN

    引数 callbackFn 配列のそれぞれの要素に対して実行する関数。その返値は、新しい配列の単一の要素として追加されます。この関数は、以下の引数で呼び出されます。 element 配列内で現在処理中の要素です。 index 現在処理中の要素の配列内における添字です。 array map() が呼び出された配列です。 thisArg 省略可 callbackFn を実行するときに this として使う値です。反復処理メソッドを参照してください。 返値 与えられた関数を配列のすべての要素に対して呼び出し、その結果からなる新しい配列です。 解説 map() メソッドは反復処理メソッドです。指定された関数 callbackFn を配列に含まれる各要素に対して一度ずつ呼び出し、その結果から新しい配列を構築します。これらのメソッドが一般的にどのように動作するのかについての詳細は、反復処理メソッドの節

    Array.prototype.map() - JavaScript | MDN
  • Array.prototype.every() - JavaScript | MDN

    引数 callbackFn 配列のそれぞれの要素に対して実行する関数です。要素がテストに合格した場合は真値を返し、そうでなければ偽値を返す必要があります。この関数は以下の引数で呼び出されます。 element 配列内で現在処理されている要素です。 index 配列内で現在処理されている要素のインデックスです。 array every() が実行されている配列です。 thisArg 省略可 callbackFn を実行するときに this として使用される値です。反復処理メソッドを参照してください。 返値 callbackFn 関数がいずれかの要素で偽値を返した場合は、すぐに false を返します。それ以外は true です。 解説 every() メソッドは反復処理メソッドです。配列のそれぞれの要素に対して、指定された callbackFn 関数が偽値を返すまで一度ずつ呼び出します。 そ

    Array.prototype.every() - JavaScript | MDN
  • Array.prototype.some() - JavaScript | MDN

    引数 callbackFn 配列のそれぞれの要素に対して実行する関数です。この関数は、要素がテストに合格したことを示すには真値を、そうでない場合は偽値を返します。この関数は以下の引数で呼び出されます。 element 配列内で処理中の現在の要素です。 index 配列内で処理中の現在の要素のインデックスです。 array some() が呼び出された配列です。 thisArg 省略可 callbackFn を実行する際に this として使用される値。反復処理メソッドを参照してください。 返値 配列の要素のいずれかで callbackFn が真値を返した場合は、直ちに true を返します。それ以外の場合は false です。 解説 some() メソッドは反復処理メソッドです。指定された callbackFn 関数を配列の各要素に対して一度ずつ、 callbackFn が真値を返すまで呼

    Array.prototype.some() - JavaScript | MDN
  • イヌでもわかるJavaScript講座 - リファラ(referrer)

    リンク元がお友達のページであれば、「○×さんのホームページからお越しですね。ありがとうございます。」と表示してみたら面白いかもしれません。 リスト <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講座 目次 から いらっ

  • JavaScriptでオブジェクトをマージ(結合)する方法、JSONのマージをする方法 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    JavaScriptでオブジェクトをマージ(結合)する方法、JSONのマージをする方法 - Qiita
  • 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.includes() - JavaScript | MDN
  • Array.prototype.keys() - 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

    Array.prototype.keys() - JavaScript | MDN
  • TechAcademy [テックアカデミー]

    はじめての副業コース Web制作副業に必要なスキルが学べる 確実にお仕事をはじめられる5万円案件保証手厚いサポートで副業を最短でスタート

    TechAcademy [テックアカデミー]
  • 【JavaScript】~を含むかのチェック - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    【JavaScript】~を含むかのチェック - Qiita
  • export - JavaScript | MDN

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2018年5月. Learn more See full compatibility Report feedback export 宣言は、JavaScript モジュールから値をエクスポートするために使用されます。エクスポートされた値は import 宣言やダイナミックインポートによって、他のプログラムにインポートすることができます。インポートされたバインディングの値は、それをエクスポートするモジュールの変更の対象となります。モジュールがエクスポートするバインディングの値を更新すると、その更新はインポートされた値として見えます。 ソースフ

    export - JavaScript | MDN
  • Sign in - Google Accounts

    Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

  • Array.prototype.find() - JavaScript | MDN

    find() は Array インスタンスのメソッドで、提供されたテスト関数を満たす配列内の最初の要素を返します。 テスト関数を満たす値がない場合は、 undefined を返します。 配列内で見つかった要素のインデックスが必要な場合は、findIndex() を使用してください。 値のインデックスを検索する必要がある場合は、indexOf() を使用してください。(findIndex() と似ていますが、それぞれの要素の等価性はテスト関数ではなく値でチェックします。) 配列内に値が存在するかどうかを調べる必要がある場合は、 includes() を使用してください。 指定したテスト関数を満たす要素があるかどうかを調べる必要がある場合は、 some() を使用してください。 指定された検査関数を満たすすべての要素を探す必要がある場合は、 filter() を使用してください。

    Array.prototype.find() - JavaScript | MDN
  • ES2015の新機能: 関数の新しい書き方「arrow 関数」 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    ES2015の新機能: 関数の新しい書き方「arrow 関数」 - Qiita