【React】オブジェクトリストをループしてコンポーネント化する - Qiita
はじめに プログラミング歴2ヶ月の素人が書いています。（間違っていたらご指摘ください） WesBos.com のオンラインビデオコースでReactを学習しています。 動画は以下から。 https://reactforbeginners.com/ 「Reactでオブジェクトリストをループしてコンポーネントを動的に複数生成する」ための学習メモです。 今回の目的 以下のような商品リストがオブジェクトリストとして存在するとします。 const fishes = { fish1: { name: "Pacific Halibut", image: "/images/hali.jpg", price: 1724, }, fish2: { name: "Lobster", image: "/images/lobster.jpg", price: 3200, }, fish3: { name: "Sea
あなたが知らないであろう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',
querySelectorAllしてmapしたいとき[...すると短い - hitode909の日記
表示中のHTMLから情報を雑に抜き出して利用するため，ブラウザのデベロッパツールなどでquerySelectorAllしてmapしたい．しかし，querySelectorAllはNodeListを返すので，mapするにはArrayに変換する必要がある． NodeListをArrayに変換するときに短く書く方法ないですかって同僚に聞いたらいろいろ教えてもらえたのでメモ． Array.prototype.slice.callする オーソドックスな手法．昔からこれを書いていて，長くて困っていた．最近はアロー関数を使えるのでちょっと短くなったけど長い． Array.prototype.slice.call(document.querySelectorAll('a')).map(a => a.href) [].slice.callする Array.prototypeのかわりに[]で書く．ちょっと短い
知っておくと実装に役立つ！JavaScriptのテクニックのまとめ
デベロッパーのコミュニティには、実装に役立つテクニックやヒントが満載です。その中から特に有用なJavaScriptのテクニックとヒントを紹介します。 8 JavaScript Tips & Tricks That No One Teaches 🚀 by Garvit Motwani (@GarvitMotwani) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. JavaScriptにおける機能継承 2. .map()の置換 3. 数値から文字列に、文字列から数値に 4. lengthを使用して配列のサイズを変更したり、空にする 5. 配列の分割で値を入れ替える 6. 配列から重複を削除する 7. ループのコードを少なくする 8. パフォーマンス 終わりに はじめに JavaScriptは世界で最もクールな言語
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた
PHP 配列のまとめ
配列とは？ 配列とは、PHPにおいて通常、変数は値を１つしか持てません 変数に値を追加しようとした場合、その変数の値は上書きされてしまいます しかし配列の場合、変数の中にいくつもの値を持つ事ができます
phpやmysql情報 [php]配列に要素を挿入、置換する関数array_splice
配列の指定した位置に要素を挿入、置換するにはarray_spliceという関数が使えます。 [挿入する場合の記述例] $arr = array('Tokyo', 'Yokohama', 'Kyoto'); // 第２引数は挿入する位置、第３引数は削除する数を表す。 array_splice($arr, 2, 0, array('Nagoya')); var_dump($arr); [結果] array(4) { [0] => string "Tokyo" [1] => string "Yokohama" [2] => string "Nagoya" [3] => string "Kyoto" } [置換する場合の記述例] $arr = array('Tokyo', 'Yokohama', 'Kyoto'); // 第２引数は挿入する位置、第３引数は削除する数を表す。 array_splic
query_postsで$query_stringを配列で指定する方法 | 柴原ホームページ
query_postsタグにパラメータを配列で指定することがある。その際に$query_stringも配列で指定する場合は、parse_str関数を使って$query_stringを連想配列にする。 例えばposts_per_pageは１０件、orderはDESC、category__not_inは1,5,9と$query_stringをquery_postsタグに配列で与えるには次のようにする。 parse_str( $query_string, $args ); //$query_stringを配列に展開して$args にセット $args['posts_per_page'] = 10; // 10件/ページ $args['order'] = 'DESC'; // 降順 $args['category__not_in'] = array(1,5,9); // カテゴリ1,5.9を除く
夢小説PHP その２：Cookieに配列 - ten-you’s blog
「Cookieにユーザが入力した名前を配列の形で保存したい」ので、Cookieについて勉強。 PHPでCookie、についての私の全知識は、「10日でおぼえるPHP5 入門教室」に取り上げられた（うちの一部）くらいなので、いろいろやってみます。 Cookieとは Webサイトの提供者が、Webブラウザを通じて訪問者のコンピュータに一時的にデータを書き込んで保存させるしくみ。 Cookie（HTTP Cookie）とは - IT用語辞典 「10日間で〜」で知った範囲では、 一つの名前に一つの値を保存 してる感じがしました。 Cookieという塊の中に、たとえば"AAA"と言う名前の小部屋を作ってそこに任意の値を放り込んでる、というかんじ。 では配列だとどうなるか。"AAA"の中をさらに"1"、"2"、"3"……と区切って保存し、任意の時に取り出せるのか。 参考スクリプト http://php
jQueryのeachと$.eachの簡単な使い方のメモ – bl6.jp
jQueryのeachと$.eachの使い方のメモです。あんまり深い知識はないので簡単な使い方ですが。。基本的にはeachは指定した要素を繰り返し処理してくれるのに対し、$.eachは配列やオブジェクトを指定して1つずつ処理してくれます。例えば、ある親要素の子要素を指定してeachで1つずつ配列に格納して、その配列を$.eachで処理したりといったこともできますね。こんな使い方でいいのかわかりませんが。以下サンプルコードです。 [ads_center] こんな感じのマークアップがあったとします。 <div id="sample"> <p>sample</p> <p>sample</p> <p>sample</p> <p>sample</p> </div> で、eachを使って#sampleの子要素pに順番をつけて、配列を作りたい場合は以下のようにしてあげるといいかもしれません。 var a
PHPのforeachで最初と最後を取得する方法 | FOOTMARK
説明 resetとendを使って配列の最初と最後の値を取得することが出来るので、これを使用して比較します。 resetとendの使い方 $array = array(1, 2, 3, 4, 5); echo reset($array); // 1 echo end($array); // 5 resetとendはそれぞれ最初と最後の値を取得するだけなので、配列の値がユニークな場合のみ有効ですが、以下の方法で最初と最後を取得できます。 $array = array(1, 2, 3, 4, 5); foreach ($array as $value) { if ($value === reset($array)) { // 最初 } if ($value === end($array)) { // 最後 } } 配列がユニークではない場合でも最初と最後を取得する方法 配列の値がユニークではない
重複配列除外方法
既に使った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- …
2010年1月〜3月の日記 - 飴屋（WEB制作・ソフトウェア制作）
2011-09-13 Flash3D/正規リリース前に開発環境を揃えてみた Flash3D Flash3D/プログラマブルシェーダー 2011-07-20 開発日記 リンク 飴屋 2011-07-03 mixiアプリ/日記15 mixiアプリ/日記14 mixiアプリ 2011-06-28 mixiアプリ/日記13 2011-06-15 Flash3D/シェーダーのおさらい Flash3D/flash.display3Dパッケージ 2011-06-11 Androidアプリメモ/メモ7 Androidアプリ Androidアプリメモ/メモ6 2011-06-06 facebookアプリ/日記3 facebookアプリ facebookアプリ/日記2 2011-06-05 facebookアプリ/日記1 2011-05-26 MenuBar 2010/3/14 † jQuery UIのsor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
4歳娘「パパ、懐かしいJavaScript書いてるね！」 - Qiita
http://kudox.jp/php/array-sort
blog.openmedialabo.net
HOBBY BAG | foreachで最後だけ違う処理をする
IDEA * IDEA
カスタムフィールドの使い方 - WordPress Codex 日本語版
PHP：画像サイズを取得して表示する - WEBLOG