Javascriptでオブジェクトの配列をフリーズする良い方法はありますか？

Question

だから私は、次のようなJavascriptのモジュールがあります。

const data = [ 
    { 
      id: 'do not modify', 
      name: 'do not modify' 
    },   
    { 
      id: 'do not modify 2', 
      name: 'do not modify 2' 
    } 
]; 

export default data; 

は、私は再帰的に明示的にそれぞれ、すべてのオブジェクトにObject.freeze()を呼び出すことなく、アレイ内のすべてのオブジェクトをフリーズすることができますきれいな方法はありますか？私は配列をループしてエクスポートする前にそれぞれをフリーズすることができたことに気がつきましたが、より洗練されたソリューションがあるかどうかを知りたいと思っていました。

Answer 1

あなたがしなければならないだろうすべてはArray.prototype.forEachにObject.freezeを渡すことです：

'use strict'; 
 
var objs = [ 
 
    { a: 1 }, 
 
    { b: 2 }, 
 
    { c: 3 } 
 
]; 
 

 
objs.forEach(Object.freeze); 
 
objs[0].a = 4; // Fails due to being frozen

Answer 2

data.forEach(Object.freeze)は、あなたができる最善です。あなたのケースでは

ので、同じように、あなたはあなたのコードをクリーンアップすることができるかもしれません：

const data = [ 
    unmodifiableObj(0, 'Foo'), 
    unmodifiableObj(1, 'Bar') 
] 

export default data; 


function unmodifiableObj(id, name) { 
    return Object.freeze({ id, name }) 
} 

Answer 3

がMDN

からのサンプルコードを更新し、これを試してみてください：

凍結する

// To make obj fully immutable, freeze each object in obj. 
// To do so, we use this function. 
function deepFreeze(obj) { 

// Retrieve the property names defined on obj 
var propNames = Object.getOwnPropertyNames(obj); 

// Freeze properties before freezing self 
propNames.forEach(function(name) { 
var prop = obj[name]; 

// Freeze prop if it is an object 
if (typeof prop == 'object' && prop !== null) 
    deepFreeze(prop); 
}); 

// Freeze self (no-op if already frozen) 
return Object.freeze(obj); 
} 

を配列そのもの、およびそれに含まれる任意のオブジェクト

Answer 4

すべてのオブジェクトでフリーズを呼び出すことなく、要素を内部に入れて配列をフリーズすることはできません。ここでは、私は上記のリンク先のページからコード貼り付けてるdeep凍結の例https://developer.mozilla.org/pl/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze

を見つけることができます。

obj1 = { 
    internal: {} 
}; 

Object.freeze(obj1); 
obj1.internal.a = 'aValue'; 

obj1.internal.a // 'aValue' 

// To make obj fully immutable, freeze each object in obj. 
// To do so, we use this function. 
function deepFreeze(obj) { 

    // Retrieve the property names defined on obj 
    var propNames = Object.getOwnPropertyNames(obj); 

    // Freeze properties before freezing self 
    propNames.forEach(function(name) { 
    var prop = obj[name]; 

    // Freeze prop if it is an object 
    if (typeof prop == 'object' && prop !== null) 
     deepFreeze(prop); 
    }); 

    // Freeze self (no-op if already frozen) 
    return Object.freeze(obj); 
} 

obj2 = { 
    internal: {} 
}; 

deepFreeze(obj2); 
obj2.internal.a = 'anotherValue'; 
obj2.internal.a; // undefined