- 1. jsでobject型である連想配列の中身を取り出す。
- 2. Stimulusでa11yを考慮したハンバーガーボタンを実装する
- 3. 非同期処理サンプルプログラム(JavaScript)
- 4. 簡単にサンタさんからプレゼントをもらう方法
- 5. ファクトリ関数とは
- 6. embotをブラウザから操作したい
- 7. Node.js + MongoDBでWikipediaのリンクを辿ってみる
- 8. HERE Maps API for JavaScript にコンパスアイコンを追加してみた
- 9. 【完走賞ゲット-20】JavaScript の addEventListener で複数イベントを一度に追加する話（p5.js Web Editor上で Joy-Con と gamecontroller.js を用いた処理で利用）
- 10. Svelteでmarkdownの記事を作成した
- 11. [Day20] パート1のその他
- 12. OpenTelemetryでブラウザとサーバー間のトレースを試す
- 13. Javascriptで作るTodoリスト
- 14. ReactHooksについてまとめる（Performance Hooks useCallback）
- 15. 【JavaScript 2022】chroma.js を使った複数色のカラースケールでカラーパレットを生成して p5.js で描画（chroma.bezier() や chroma.scale() の scale.correctLightness() などを利用）
- 16. Createjsでマウスの右ボタンのmousedownを取得
- 17. Re: ブラウザの中でスタンド使いになってみた。
- 18. [mapbox]フィルタリングしたレイヤーをクラスター化した結果が０になるのを防ぐ
- 19. ReactNativeでゴルフスコアカウンタアプリ作ってみた(前編)
- 20. 【Alpine.js】Maskを使ってinputの入力値を統一していくぞ
jsでobject型である連想配列の中身を取り出す。
# 結論
“`js:JavaScript
formName (object) {
return Object.keys(object).map((key) => {
return { id: object[key].id, name: object[key].id + ‘ : ‘ + object[key].name }
})
}
“`# 解説
Object.keysを使用することにより配列のように扱えることとと
値を抽出する時は object[key].idのようにする。mapのvalueを使い
map((key,value) => {
value.id
value.name
のようにしたくなるが、valueには配列の番号しかはいっていないため
目的の値を取り出すことはできない。
Stimulusでa11yを考慮したハンバーガーボタンを実装する
## Stimulusとは
Stimulusとは、JavaScriptで書かれたクライアントサイドのライブラリです。
有名どころだとStack Overflowが採用していたりします。最近巷で話題のStimulusですが、バージョン3.2が11月29日にリリースされました。
私は中でも非同期処理サンプルプログラム(JavaScript)
JavaScriptで非同期処理のサンプルプログラムを実装しました
“`HTML
非同期処理テスト6
```
## npm
まずnpmでインストール
```
npm install @alpinejs/mask
```
その後、バンドルするjsファイルにこう書きます。
```js
import Alpine from 'alpinejs'
import mask from '@alpinejs/mask'Alpine.plugin(mask)
```
これで使えます。# 使
