Javascriptのオブジェクト配列に対して.delete()を適用したい！

Question

Javascriptについて分からないことがあります！

下記のリンクにもあるように、
オブジェクト配列に対して、.delete(●、○)を記述すれば、オブジェクト●:値○を有した連想配列が削除されると思われます。

https://qiita.com/snst-lab/items/e5b86fe5fb74903180c7

しかしながら、仮にdelete()内の値渡しを書かない場合、全ての連想配列が削除されると言うことは生じるのでしょうか？

もし生じないのであれば、
連想配列を一括で削除する方法はないものでしょうか？
よろしくお願いします。

Comments

[yambejp]

もっと具体的にかいてください
・どういうオブジェクトに
・どういうオブジェクトが格納されていて
・どう指定したら
・どういう結果にしたいのでしょうか？

[miyabi-sun]

そもそも連想配列ってなんですか？
JavaScriptには連想配列なるものはありません。

> 次のようなオブジェクトの配列（連想配列の配列）があるとした場合、
Qiitaはアカウントさえ作れば誰でも記事が書けますので、こういった専門知識外の詳しくない人でも簡単に記事を作れます。
結果誤った情報だらけになっており、例えばこの記事はやってる事が難解な割にあまり役に立つ内容でもないです。
恐らく別言語畑のエンジニアなのでしょう。
こういう記事でまともな記事はよく埋もれているのでお気をつけてください。

[maisumakun]

破壊的に済ませたい強い理由があるのでもなければ、Array.prototype.filterで書いたほうがわかりやすいですよね＞当該記事

[kei344]

過去の質問について、「解決済」になっていないものが多数見受けられます。解決したものは「ベストアンサー」を選び、自力で解決した場合はその方法を解答欄に書き、もし万が一解決していないのであれば質問を編集するなどしてみてください。

Answer 1

下記のリンクにもあるように、

これはこの記事を書いた人が勝手に作った関数です。JavaScript標準には存在しません。

しかしながら、仮にdelete()内の値渡しを書かない場合、全ての連想配列が削除されると言うことは生じるのでしょうか？

何も渡さなかった場合、e[keyProp]===keyValはe[undefined]===undefined、すなわちe.undefined === undefinedと解釈されますので、undefinedというキーのないオブジェクトであれば削除対象となります。

連想配列を一括で削除する方法はないものでしょうか？

arr.length = 0;とするのが手っ取り早いかと思います。

Answer 2

削除方針

削除方針が不明ですが、「破壊的に特定の要素を削除する方針」と仮定します。

※配列でこの状況なら、Array.prototype.filter を使う人が多いと思われますが、破壊的動作が必ずしも非推奨とは思いません。
データの持ち方次第では、配列やオブジェクトの値を直接か聞かるべき状況もあります。
ただ、とりあげられた記事のコードでいうなら、new Map 向きのオブジェクトだと思いました(後述参照)。

Array.prototype.splice

Array.prototype.splice で任意の要素を破壊的に削除できます。

• Array.prototype.splice() - JavaScript | MDN

var commodity = [
    {"name":"apple","price":300},
    {"name":"orange","price":200},
    {"name":"banana","price":250}
];

commodity.splice(1, 1);                 // index=１の要素を削除する
console.log(JSON.stringify(commodity)); // [{"name":"apple","price":300},{"name":"banana","price":250}]

delete 演算子

delete 演算子でも任意の要素を削除可能ですが、Array.prototype.splice と異なり、他要素のindex値に影響を与えません。

var commodity = [
    {"name":"apple","price":300},
    {"name":"orange","price":200},
    {"name":"banana","price":250}
];

delete commodity[1];   // index=１の要素を削除する
console.log(ommodity); // [{"name":"apple","price":300},,{"name":"banana","price":250}]

この挙動は配列の走査手段に影響しますので、「spliteと比較して、どちらが要件に適うのか」を吟味する必要があります。

• JavaScriptにおける繰り返し処理の使い分け - Qiita

new Map

https://qiita.com/snst-lab/items/e5b86fe5fb74903180c7

こちらのコード事例なら、new Map を使うと、よりエレガントに書けます。

• Map - JavaScript | MDN

const fruitsMap = new Map([['apple', 300], ['orange', 200], ['banana', 250]]);

console.log(JSON.stringify([...fruitsMap])); // [["apple",300],["orange",200],["banana",250]]
fruitsMap.set('apple', 400);
console.log(fruitsMap.get('apple'));         // 400
console.log(JSON.stringify([...fruitsMap])); // [["apple",400],["orange",200],["banana",250]]
console.log(fruitsMap.size);                 // 3

fruitsMap.delete('orange');
console.log(fruitsMap.has('orange'));        // false
console.log(fruitsMap.size);                 // 2
console.log(JSON.stringify([...fruitsMap])); // [["apple",400],["banana",250]]

fruitsMap.clear();
console.log(JSON.stringify([...fruitsMap])); // []
console.log(fruitsMap.size);                 // 0

更新履歴

• 2019-05-23 21:57:43 「削除方針」で Array.prototype.filter に言及

Re: Tanaka2319 さん

Comments

[Tanaka2319]

ご丁寧にありがとうございます！
助かりました！

[think49]

質問の意図を明確にし、解決方法を書くようお願いします。
この質問は同様の問題に遭遇した人の参考情報になります。

Answer 3

こんな感じで

Array.prototype.del=function(key,val){
  var obj=this;
  obj.map(function(x,y){
    return x[key]===val?y:null;
  }).filter(function(x){
    return x!==null;
  }).sort(function(x,y){
    return y-x;
  }).forEach(function(x){
    obj.splice(x,1);
  });
}
var commodity = [
  {"name":"apple","price":300},
  {"name":"apple","price":200},
  {"name":"apple","price":210},
  {"name":"orange","price":200},
  {"name":"orange","price":100},
  {"name":"banana","price":200},
  {"name":"banana","price":150},
];
commodity.del("price",200);
console.log(JSON.stringify(commodity));
commodity.del("name","apple");
console.log(JSON.stringify(commodity));

Comments

[Tanaka2319]

助かりました、ありがとうございます！