【JS】Objectをループ処理はObject.entries()が便利
Object.entries()を使用すると簡潔に書けますObject.entries()を使用してObjectのループを書けます。 実際に書いてみましょう！ const testObj = { "key01": "AAA", "key02": "BBB" } for ([key, value] in Object.entries(testObj)) { console.log(`${key}: ${value}`); } # or Object.entries(testObj).forEach(([key, value], index) => { console.log(`${key}: ${value}`); })こんな感じで書けます！ key&valueをそのままforループ内で使用できるので、便利ですね。 ※Internet Explorerでは動作しないので、注意が必要！ 他の方
composedPath()で一気に遡る（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 11日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 11 日目 今日は event.composedPath() です。jQuery の parents() を思い出します。 Event.composedPath() – Web APIs | MDN デモ：https://codepen.io/ginpei/pen/ExwgeNd 基本的な使い方 イベントが発火した要素 event.target から順に要素のパス？の根本までの要素オブジェクトを配列で返します。 el.addEventListener('click', (event) => { console.log(event.composedPath()); // => [button, span#elButton, p, header, article, body, html, document, Windo
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のArrayを知る。大きな目標への小さな一歩 〜Array.prototype.splice編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
JavaScriptのArrayを知る。大きな目標への小さな一歩 〜Array.prototype.splice編〜 こんにちは、フロントエンドエンジニアのザワです。 突然ですが…… 気持ち、切り替えられていますか？ 私は季節の変わり目に新しい自分を迎える準備として断捨離を行います。そして、気分を一新するために新しい洋服を購入します。頭の先から足の先まで。 要するに、帽子や靴などを含む身にまとうものすべてを新しくします。すると、手っ取り早くテンションを上げられるので、最近3年くらいはこのスタンスでいます。あげぽよです。ただし、異常に気に入るアイテムがあった場合、次の年に同じものが手に入るとは限らないのでタンスの奥にしまうこともあります。 「断捨離ってないじゃないか！」 「例外のルールがあるなんてエンジニアとして失格じゃないか？」 そんな声が聞こえてきますが、厳密なルールというのは崩れると弱
JavaScriptのArrayを知る。大きな目標への小さな一歩 〜Array.prototype.find編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
過去の記憶が断片的になってきたと感じる、脳筋フロントエンドエンジニアのザワです。地道な積み重ねでなんとかカバーしていきたいものです。 さて、よちよち進んでいますArrayシリーズ。今回は、Array.prototype.find編です。 find……って、これまた何をするのか名前から簡単に想像できそうですね。 はい、そうです。「見つける」です。 findメソッドを学んでいく中で何かしらを見つけて、未来への何かしらの糧になればと思っています。それでは元気に進めていきましょう！ ※ここからの説明は個人的に調べて解釈したざっくりとした説明になります。詳しく知りたい方はこちらへどうぞ。 Array.prototype.find()メソッドとは 配列の中から目的の要素を見つけるメソッドです。 要素が見つかれば要素の値を返し、見つからなければundefinedが返ってきます。 実装例文 さっそく例文で
JavaScriptの配列の使い方まとめ。要素の追加,結合,取得,削除。 - Qiita
はじめに ここではJavaScriptの配列である、Arrayの基本的な使い方をまとめました。主な内容としては、要素の追加、結合、取得、削除となります。 JavaScriptの最新情報などの技術系のみをつぶやくTwitterをはじめました。 Twitter: @takeharumikami RSSはこちら RSS: http://qiita.com/takeharu/feed Feedly: フォロー
JavaScriptで何番目の要素か確認する方法
2017/08/09 JavaScriptでその要素が、ある集合の中で何番目にあるかを知りたい場合は、配列メソッドのindexOf()を利用するのがお手軽です。HTMLCollectionから配列を作成してやる必要があります。 サンプルコード#targetのli要素が、何番目に配置されているかを取得する例です。番号は0から数えます。 <ul> <li>あ</li> <li>い</li> <li id="target">う</li> <li>え</li> <li>お</li> </ul>// 要素が含まれる集合オブジェクト (HTMLCollectionなど) var elements = document.getElementsByTagName( "li" ) ; // 番号を知りたい要素 var element = document.getElementById( "target" )
その名の通りのfilter()で絞り込み。（配列とかおれおれAdvent Calendar2018 – 12日目） | Ginpen.com
const users = [ { id: 101, name: 'Alice', active: true }, { id: 102, name: 'Bob', active: false }, { id: 103, name: 'Charlie', active: true }, ]; const activeUsers = users.filter((v) => v.active); console.log(activeUsers); 仕様 配列のこれ系のメソッドと同じです。 Array.prototype.filter() – JavaScript | MDN newArray = arr.filter(callback(element[, index[, array]])[, thisArg]) 引数 filter() は引数に、関数オブジェクト callback(element
querySelectorAll()の結果はNodeListだけどforEach()が使える仕様です。（配列とかおれおれAdvent Calendar2018 – 11日目） | Ginpen.com
配列から条件に合うものはfind()で見つけよう。（配列とかおれおれAdvent Calendar2018 – 04日目） | Ginpen.com
配列とかおれおれAdvent Calendar2018 – 04日目 その名の通り find() で見つける (find) ことができます。 オブジェクトの配列相手に使うのが普通。 基本的な使い方 引数に真偽値を返す関数を与えます。 const users = [ { id: '101', name: 'Alice' }, { id: '102', name: 'Bob' }, { id: '103', name: 'Charlie' }, ]; const id = '102'; const targetUser = users.find((v) => v.id === id); console.log(targetUser); // => { id: '102', name: 'Bob' } この例だと (v) => v.name === id の部分が find() の第1引数「真偽
PHPで「Parse error: syntax error, unexpected '['」というエラーになる場合の対処
PHPで「Parse error: syntax error, unexpected '['」というエラーになる場合の対処方法を紹介します。 １．はじめに 次のPHPスクリプトを作って動作させようとしたところ、「Parse error: syntax error, unexpected '[' in ～」というエラーになりました。 <?php $a = [ 'foo' => 'aaa', 'bar' => 'bbb' ]; var_dump($a); ?> 特に間違いがあるコードではないのですが原因が分かりません。 ２．原因 PHP5.4以降では配列の短縮構文が追加され、"array()"の代わりに"[]"を使えるようになりました。 <?php $array = array( "foo" => "bar", "bar" => "foo", ); // PHP 5.4 ではこのようにも書けま
WordPressでユーザー情報で条件分岐 | Gatespace's Blog
下北沢オープンソースCafeのWordPress部のUSTREAMを聞いていた中で出てきた「ユーザー」による条件分岐について、その場で思いつく関数は出てきたのですが、短文では情報を提供しきれなかったので書いておきます。 WordPressにログインしているかどうか <?php if ( is_user_logged_in() ) { // ログインしているとき echo 'Welcome, registered user!'; } else { // そうじゃないとき echo 'Welcome, visitor!'; } ?> 使い方：is_user_logged_in() 戻り値：ログインしていれば true、そうでなければ false 本家Codex : Function Reference/is user logged in 日本語Codex : 関数リファレンス/is user
PHP 配列のまとめ
配列とは？ 配列とは、PHPにおいて通常、変数は値を１つしか持てません 変数に値を追加しようとした場合、その変数の値は上書きされてしまいます しかし配列の場合、変数の中にいくつもの値を持つ事ができます
[PHP]JSONをオブジェクト毎にパースして、アクセスする方法 | アイスケット | 神奈川県相模原市ホームページ制作、SEO対策、運用なら
以前、PHPで応答をJSON形式で返す方法をご紹介しました。今回は、JSON(ジェイソン、JavaScript Object Notation)を受信した時にPHPでオブジェクト毎にパース(解析)して、連想配列に格納する方法をご紹介します。 次のようなJSON形式のデータを受信したとします。今回はこの内容をresponse.jsonというファイルを作って、ファイルの内容を以下のようにしておきます。 response.json { "name":"アイスケット", "address":"神奈川県", "work":{ "program":"PHP", "design":"CSS", "database":"MySQL" } } 次にPHPですが、先ほどのresponse.jsonと同じフォルダにPHPファイルを作ってください。 <?php // ファイルからJSONを読み込み $json =
![[PHP]JSONをオブジェクト毎にパースして、アクセスする方法 | アイスケット | 神奈川県相模原市ホームページ制作、SEO対策、運用なら](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a399d156f2d3121fd62cffaaafd103b93055fe7/height=288;version=1;width=512/https%3A%2F%2Fisket.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F04%2Fphp-logo.jpeg){kind=logo}
夢小説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)) { // 最後 } } 配列がユニークではない場合でも最初と最後を取得する方法 配列の値がユニークではない
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
属性の操作はsetAttribute()とかremoveAttribute()とか、あとattributesで。（DOMおれおれAdvent Calendar 2015 – 07日目） | Ginpen.com
blog.openmedialabo.net
カスタムフィールドの使い方 - WordPress Codex 日本語版