JavaScriptの小技集 - Qiita
はじめに 初投稿です。 知ってたら便利になる小技が無かったのでまとめました。 「小技が知りたい...だけど検索しても出てこない...！」 そういう時に役立ちます。 比較的古いバージョンのJSでは一部の小技が使えないかもしれません。 随時追加予定です。他に小技をご存じの方はコメント欄にGO。 おことわり この記事は、あくまで"こんなやり方もあるよ"と紹介しているだけなので、何でもかんでもこれらの小技を使うと、かえってコードの可読性を下げる可能性があります。コードサイズと可読性を天秤にかけてどちらが良いかを都度確認しましょう。 記事内の間違った部分の指摘等はこの記事のコメントや編集リクエストでして下さい。 当方コードゴルファーなので、バイト数短縮小技も入れていることをご了承ください（一応該当する節には＊をつけています）。 配列 配列の重複した値を削除1 const meta = ["foo",
あなたが知らないであろう15個の強力なJavaScriptのテクニック🗡🔈🔥
はじめに この記事はこちらの記事の和訳となります。 なお、著者には許可をいただいております。是非原文もご覧ください。 拙訳なので、ご指摘などあればお待ちしております。 Javascriptのバグ修正や答えを求めてGoogleやStackOverflowを探し回るのは楽しくないでしょう🏴☠️。 この記事では、生産性⚡を最大化し、苦痛🩸を最小化する、20個（訳註:正確には15個）の短く、パワフルなJavaScriptのテクニックを紹介します。 それではコードを見ていきましょう🤘 配列の重複を除去 配列から重複した要素を除去します。 const arr = ["a", "b", "c", "d", "d", "c", "e"] const uniqueArray = Array.from(new Set(arr)); console.log(uniqueArray); // ['a',
JavaScriptのArrayを知る。大きな目標への小さな一歩 〜Array.prototype.splice編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
JavaScriptのArrayを知る。大きな目標への小さな一歩 〜Array.prototype.splice編〜 こんにちは、フロントエンドエンジニアのザワです。 突然ですが…… 気持ち、切り替えられていますか？ 私は季節の変わり目に新しい自分を迎える準備として断捨離を行います。そして、気分を一新するために新しい洋服を購入します。頭の先から足の先まで。 要するに、帽子や靴などを含む身にまとうものすべてを新しくします。すると、手っ取り早くテンションを上げられるので、最近3年くらいはこのスタンスでいます。あげぽよです。ただし、異常に気に入るアイテムがあった場合、次の年に同じものが手に入るとは限らないのでタンスの奥にしまうこともあります。 「断捨離ってないじゃないか！」 「例外のルールがあるなんてエンジニアとして失格じゃないか？」 そんな声が聞こえてきますが、厳密なルールというのは崩れると弱
配列で重複する項目を取り除くやつ4種。（配列とかおれおれAdvent Calendar2018 – 18日目） | Ginpen.com
配列とかおれおれAdvent Calendar2018 – 18日目 ありそうでないメソッド、それが重複排除です。 Underscore.jsやLodashには uniq() てのがあって、こんな感じ↓で使えます。
配列の要素挿入、置き換えもsplice()で。Vue.jsでも大丈夫。（配列とかおれおれAdvent Calendar2018 – 07日目） | Ginpen.com
const arr = [11, 22, 33]; const index = 1; const value = 99; arr.splice(index, 0, value); console.log(arr); // => [ 11, 99, 22, 33 ] const arr = [11, 22, 33]; const index = 1; const value = 99; arr.splice(index, 1, value); console.log(arr); // =>[ 11, 99, 33 ] 第2引数を 0 にするとただ挿入するだけ、 1 だと置き換えます。 仕様 Array.prototype.splice() – JavaScript | MDN array.splice(start[, deleteCount[, item1[, item2[, ...]]]]
配列の要素削除はsplice()で。（配列とかおれおれAdvent Calendar2018 – 06日目） | Ginpen.com
const arr = [11, 22, 33, 44, 55]; const index = 2; console.log(arr[index]); // => 33 arr.splice(index, 1); console.log(arr); // => [ 11, 22, 44, 55 ] 第2引数 1 を忘れるとごそっと消え去るので気を付けてください。 仕様 Array.prototype.splice() – JavaScript | MDN array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) 対象の配列は破壊的に変更されます。 引数 start … 削除開始する位置。先頭は 0 。負数の場合、後ろから数える deleteCount … 削除する数。初期値は array.length - start item1
配列を空にするにはlength=0で十分。（配列とかおれおれAdvent Calendar2018 – 02日目） | Ginpen.com
配列とかおれおれAdvent Calendar2018 – 02日目 JavaScriptの配列のインスタンスを保ったまま中身を全て削除したい場合、 length に 0 を設定するだけで実現できます。 仕様 length の変更で要素が削除されることについて、配列特殊オブジェクト Array Exotic Objects の項に記載があります。 9.4.2 Array Exotic Objects … whenever the value of the length property is changed, every own property whose name is an array index whose value is not smaller than the new length is deleted. This constraint applies only to own
WordPress で post_class から hentry を削除する方法 - by Takumi Hirashima
WordPress で post_class から hentry を削除する方法を紹介します。 例えば、Google Search Console の構造化データで hentry がきっかけのエラーが出た時に便利な方法です。 post_class から hentry を削除する方法 post_class から hentry を削除する方法 post_class から hentry を削除するためには、 次のコードを function.php に追加します。 /* 【出力カスタマイズ】post_class(); から hentry を削除する */ function remove_hentry( $classes ) { $classes = array_diff($classes, array('hentry')); return $classes; } add_filter('post_
重複配列除外方法
既に使ったidを覚えておく場所を用意して、そこにない場合に追加をするとうロジックで良いと思います。 例えばこんな感じ？ function dedupe(&$in) { $used_ids = array(); $out = array(); foreach ($in as $val) { $id = $val['id']; if (!in_array($id, $used_ids)) { array_push($used_ids, $id); array_push($out, $val); } } return $out; } print_r(dedupe($outdata)); PHPの配列は順序付きのマップのような働きをするらしいのでin_arrayで十分効率が良いと予想します。 http://stackoverflow.com/questions/4730745/does- …
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
属性の操作はsetAttribute()とかremoveAttribute()とか、あとattributesで。（DOMおれおれAdvent Calendar 2015 – 07日目） | Ginpen.com