ついに JavaScript に groupBy が実装されたぞ！！！ - Qiita
JavaScript標準でgroupBy関数が実装されています。2023年11月現在Safari以外の主要なブラウザで実装済みで、SafariもTechnology Previewのようです。 （現在MDNの日本語の記事は古い情報のままになっており、現行と異なるので注意！ →更新していただきました。ありがとうございます！） Proposal の Stage はすでに 4 / Finished なので規格として確定済みです。 基本的な使い方 よくあるgroupByです。配列（Iterable）とキーを抽出する関数の二つを指定すると、キーで配列をグループ化します。 const ret = Object.groupBy([ { name: '山田太郎', address: '東京' }, { name: '山田次郎', address: '愛知' }, { name: '山田三郎', addre
【JavaScript・初学者】Reactでよく使われる頻出記法 / mapについて - Qiita
はじめに Reactを学習していましたが、JavaScriptの記法についてフワッとしている部分がよくあったので、簡単ですが今回はmapメソッドについて少し調べました。 mapメソッドの使い方 mapは配列の繰り返しをしてくれる関数です。 mapはオブジェクトには使用できないことを覚えておきましょう。 const data = [1,2,3,4] const result = data.map((num) => { return num + 1; } ) const data = {id:1, number: 2} const result = data.map((num) => { return num + 1; } ) // Uncaught TypeError: data.map is not a function
JavaScript オプション引数のデフォルト値を指定したい - Qiita
function func1({a = 100, b = 200} = {}) { console.log(`${a}, ${b}`) } func1() // => 100, 200 func1({a: 20}) // => 20, 200 Refs デフォルト引数 - JavaScript | MDN 既定値のある分割代入の引数 既定値の代入を、分割代入表記で行うことができます。 これを行う一般的な方法は、空のオブジェクト/配列をオブジェクト/配列に分割代入することです。例えば、 [x = 1, y = 2] = [] とします。 このようにすることで、空の配列/オブジェクトを関数に渡しても、あらかじめ設定した値を保持することができます。 分割代入 - JavaScript | MDN
Javascriptの標準組み込みオブジェクトのFunctionのインスタンスメソッドcall(),apply(),bind()について - Qiita
Javascriptの標準組み込みオブジェクトのFunctionのインスタンスメソッドcall(),apply(),bind()についてJavaScript なんとなくで使っていたので、整理を兼ねて文字に起こします。 はじめに Javascriptには、標準組み込みオブジェクト(Standard built-in objects)というグローバル領域にあるオブジェクトがあります。 この標準組み込みオブジェクトにオブジェクトの基本となるオブジェクト、Object, Function,Boolean,Symbolがあります。 今回はこの中のFunctionオブジェクトについて、深掘りしていきます。 Javascriptの全ての関数はこのFunctionオブジェクトであり、 Functionオブジェクトは functionsのメソッドを持ちます。 thisについて Functionのメソッドで使
JavaScriptでオブジェクト（連想配列）の配列を操作する - Qiita
JavaScriptで連想配列（関数を取り扱わないオブジェクト）の配列の編集方法をまとめてみました。連想配列の配列の形で受け取ったデータを、編集するための資料です。 やりたいこと 条件に合致するデータを複数（すべて）抽出する 条件を1行で記述できる場合 filter 条件を複数行で記述する場合 filter 配列の中の配列を条件にする場合 filter+some, filter+every 条件に合致するデータを1件抽出する 条件を1行で記述できる場合 find 条件を複数行で記述する場合 find 連想配列を編集して新しい配列や連想配列を作る 必要な項目を配列で出力 map 必要な項目を連想配列で出力 map 複数条件（条件が配列）に合致するデータを抽出する 複数条件のいずれかに合致するデータを抽出する filter + some 複数条件のいずれかに合致するデータを、条件毎の配列で抽出
【JavaScript】数千行のコードを数行にしてしまう Proxy の魔力 - Qiita
こんにちは。ぬこすけです。 最近（2022/10/20）に、ゆめみさんがクイズを出しました。 ゆめみさんの記事を読むと、 Proxy というオブジェクトが出てきました。 記事のタイトル通り「代入したのに、代入されない」、摩訶不思議なオブジェクトです。 Proxy って一体何者なんでしょうか？ ゆめみさんのクイズの例では やめ太郎さんがたかしに改名するのを断固拒否する 例ですが、 実は Proxy には 数千行のコードを数行にしてしまう魔力 も持っているのです。 今回は JavaScript の Proxy について魔力についてご紹介したいと思います。 本来、 Proxy は難しい内容ですが、 setTimeout の時と同じく、 できるだけ初心者の方にもわかりやすく説明していきたいと思います。 Proxy って何？ 簡単にいえば、 オブジェクトを魔改造できる ものです。 ゆめみさんの記事の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
