ウェブフロント
- angular
- corewebvitals
- editorconfig
- gatsby
- hls
- html
- javascript
querySelectorAllで取得した要素は配列ではないらしい
JavaScript 配列内のオブジェクトの更新ってどうする?
デバッグ関数とかnullチェック関数をutil/index.tsにおいとけば楽なことに今頃気づいた。
ブラウザからジャイロセンサーを使ってみる
JS 画像のアップロード、プレビュー機能を実装
「数値から各桁の値を取り出す処理」って言われたら数学的な処理が一番に思い浮かぶけど、JSならそんなことなかった。
Callback時代の関数をPromise化する
個人的実装されてほしいECMA Script Proposal
JavaScriptのprototypeを使う
音声をなみなみさせる
AudioWorkletとAudioWorkletProcessorを使って音声のビジュアライゼーション
- next
- nuxt
- playwright
- prettier
- react
- reactnative
- tensorflowjs
- tools
- typescript
- wasm
- websocket
- ポエム
- 開発環境
サーバー
その他
JavaScript 配列内のオブジェクトの更新ってどうする?
どうするもこうするもそんなに方法なかったわ
const persons = [
{name: 'fukke', age: 18},
{name: 'momoko', age: 20},
]
// momokoの年齢を21歳にする
// まずindex番号を検索
const index = persons.(person => person.name === 'momoko')
// 更新する
persons[index].age++
おっけいですね.
でもなんか更新部分があまりすきじゃないんだよねぇ..
なんとか一つの式出かけないかなぁ
でもなんか更新部分があまりすきじゃないんだよねぇ..
なんとか一つの式出かけないかなぁ
色々試す
persons.find((person) => person.name === "momoko").age++;
これの返り値で新しい配列返してくれたら完璧なんだけどなぁ
これじゃ更新された後のageが返ってくるんですよねぇ
これじゃ更新された後のageが返ってくるんですよねぇ
無理やり配列を返すようにする
const updatedPersons = persons.map((person) => {
if (person.name === "momoko") {
return {
name: person.name,
age: person.age++,
};
}
return person;
});
個人的にはこの感じが一番好きだけど, mapで展開するからO(N)かかるのがなぁって思ってる.
find, findIndexが多分O(logN)ぐらい(要出典)だろうからね..
find, findIndexが多分O(logN)ぐらい(要出典)だろうからね..
おわりに
おすすめの更新方法あったら教えてください
Thanks you for reading.