জাভাস্ক্রিপ্টে, আমি এর মতো একটি বিষয় তৈরি করেছি:
var data = {
'PropertyA': 1,
'PropertyB': 2,
'PropertyC': 3
};প্রারম্ভিক সৃষ্টির পরে এই বিষয়টিতে আরও বৈশিষ্ট্য যুক্ত করা সম্ভব হয় যদি রান সময় পর্যন্ত বৈশিষ্ট্যের নাম নির্ধারণ না করা হয়? অর্থাত
var propName = 'Property' + someUserInput
//imagine someUserInput was 'Z', how can I now add a 'PropertyZ' property to
//my object?উত্তর:
হ্যাঁ.
var data = {
'PropertyA': 1,
'PropertyB': 2,
'PropertyC': 3
};
data["PropertyD"] = 4;
// dialog box with 4 in it
alert(data.PropertyD);
alert(data["PropertyD"]);object["property"]না ঠিক হিসাবে একই array[4], সাবেক একজন সত্যিকারের অ্যারে হিসাবে নির্মিত হয় নি।
data["PropertyD"]যেতে data[function_to_get_property_name()]তুচ্ছ মনে হয়।
জয়ের জন্য ES6!
const b = 'b';
const c = 'c';
const data = {
a: true,
[b]: true, // dynamic property
[`interpolated-${c}`]: true, // dynamic property + interpolation
[`${b}-${c}`]: true
}আপনি লগ dataযদি আপনি এটি পেতে:
{
a: true,
b: true,
interpolated-c: true,
b-c: true
}এটি নতুন গণিত সম্পত্তি বাক্য গঠন এবং টেম্পলেট লিটারালগুলি ব্যবহার করে ।
obj[propname])। পরিবর্তে, আমি অবজেক্ট স্প্রেড সিনট্যাক্স সহ এটি ব্যবহার করতে সক্ষম হয়েছি।
var a = {}; a["dynamic-" + prop] = true;
a। (বিশেষত রডুএক্সের মতো প্যাকেজগুলি ব্যবহার করার সময়)
হ্যা এটা সম্ভব. ধরে নেওয়া যাক:
var data = {
'PropertyA': 1,
'PropertyB': 2,
'PropertyC': 3
};
var propertyName = "someProperty";
var propertyValue = "someValue";উভয় ক্ষেত্রেই:
data[propertyName] = propertyValue;অথবা
eval("data." + propertyName + " = '" + propertyValue + "'");প্রথম পদ্ধতি পছন্দ করা হয়। eval () এর স্পষ্ট সুরক্ষা উদ্বেগ রয়েছে যদি আপনি ব্যবহারকারীর সরবরাহিত মানগুলি ব্যবহার করেন তবে এটি এড়াতে পারলে এটি ব্যবহার করবেন না তবে এটি বিদ্যমান এবং এটি কী করতে পারে তা জেনে রাখা উচিত।
আপনি এটি দিয়ে উল্লেখ করতে পারেন:
alert(data.someProperty);অথবা
data(data["someProperty"]);অথবা
alert(data[propertyName]);$("#mySelector").data("propertyname", myvalue);সেটটি ব্যবহার করে এবং var myValue=$("#mySelector").data("propertyname");মানটি ফিরে পেতে শেষ করেছি । এমনকি জটিল অবজেক্টস (তালিকাগুলি, অ্যারে ...) এভাবে যুক্ত করা যায়।
আমি জানি যে প্রশ্নের সঠিক উত্তর দেওয়া হয়েছে, তবে আমি নতুন বৈশিষ্ট্য যুক্ত করার জন্য আরও একটি উপায় খুঁজে পেয়েছি এবং এটি আপনার সাথে ভাগ করতে চেয়েছিলাম:
আপনি ফাংশন ব্যবহার করতে পারেন Object.defineProperty()
মজিলা বিকাশকারী নেটওয়ার্কে পাওয়া গেছে
উদাহরণ:
var o = {}; // Creates a new object
// Example of an object property added with defineProperty with a data property descriptor
Object.defineProperty(o, "a", {value : 37,
writable : true,
enumerable : true,
configurable : true});
// 'a' property exists in the o object and its value is 37
// Example of an object property added with defineProperty with an accessor property descriptor
var bValue;
Object.defineProperty(o, "b", {get : function(){ return bValue; },
set : function(newValue){ bValue = newValue; },
enumerable : true,
configurable : true});
o.b = 38;
// 'b' property exists in the o object and its value is 38
// The value of o.b is now always identical to bValue, unless o.b is redefined
// You cannot try to mix both :
Object.defineProperty(o, "conflict", { value: 0x9f91102,
get: function() { return 0xdeadbeef; } });
// throws a TypeError: value appears only in data descriptors, get appears only in accessor descriptorsdefineProperties(বহুবচন) দিয়ে add
Object.definePropertyসহজ সুবিধাজনক সরঞ্জাম হিসাবে বোঝানো হচ্ছে না, তবে সূক্ষ্ম নিয়ন্ত্রণযুক্ত একটি। আপনার যদি অতিরিক্ত অতিরিক্ত নিয়ন্ত্রণের প্রয়োজন না হয় তবে এটি চয়ন করার সঠিক সরঞ্জাম নয়।
Object.defineProperty(obj, prop, valueDescriptor)ভি 8 সহজতর করার চেয়ে অনুকূলকরণ করা অনেক ধীর এবং শক্ত obj[prop] = value;
এখানে, আপনার স্বরলিপি ব্যবহার করে:
var data = {
'PropertyA': 1,
'PropertyB': 2,
'PropertyC': 3
};
var propName = 'Property' + someUserInput
//imagine someUserInput was 'Z', how can I now add a 'PropertyZ' property to
//my object?
data[propName] = 'Some New Property value'ডট স্বরলিপি ব্যবহার করে আপনি নিজের পছন্দমতো আরও বেশি সংখ্যক বৈশিষ্ট্য যুক্ত করতে পারেন:
var data = {
var1:'somevalue'
}
data.newAttribute = 'newvalue'বা :
data[newattribute] = somevalueগতিশীল কীগুলির জন্য।
পূর্ববর্তী সমস্ত উত্তরগুলি ছাড়াও, এবং আপনি যদি ভাবছেন যে আমরা ভবিষ্যতে গণিত সম্পত্তি নামগুলি (ECMAScript 6) ব্যবহার করে কীভাবে গতিশীল সম্পত্তির নাম লিখব , এখানে কীভাবে:
var person = "John Doe";
var personId = "person_" + new Date().getTime();
var personIndex = {
[ personId ]: person
// ^ computed property name
};
personIndex[ personId ]; // "John Doe"তথ্যসূত্র: ECMAScript 6 বোঝা - নিকোলাস জাকাস
উপরের উত্তরটির অ্যাবিংয়ের জন্য কেবল একটি সংযোজন। আপনি নীচে উল্লিখিত হিসাবে DefineProperty জটিলতা encapsulate একটি ফাংশন সংজ্ঞায়িত করতে পারেন।
var defineProp = function ( obj, key, value ){
var config = {
value: value,
writable: true,
enumerable: true,
configurable: true
};
Object.defineProperty( obj, key, config );
};
//Call the method to add properties to any object
defineProp( data, "PropertyA", 1 );
defineProp( data, "PropertyB", 2 );
defineProp( data, "PropertyC", 3 );তথ্যসূত্র: http://addyosmani.com
আপনি নীচের কয়েকটি বিকল্প ব্যবহার করে গতিশীলভাবে বৈশিষ্ট্যগুলি যুক্ত করতে পারেন:
আপনার উদাহরণে:
var data = {
'PropertyA': 1,
'PropertyB': 2,
'PropertyC': 3
};আপনি পরবর্তী দুটি উপায়ে একটি গতিশীল মান সহ একটি সম্পত্তি নির্ধারণ করতে পারেন:
data.key = value;অথবা
data['key'] = value;আরও বেশি .. যদি আপনার কীটিও গতিশীল হয় তবে আপনি এটির সাথে অবজেক্ট শ্রেণিটি ব্যবহার করে সংজ্ঞায়িত করতে পারেন:
Object.defineProperty(data, key, withValue(value));যেখানে ডেটা আপনার অবজেক্ট, মূল নামটি সংরক্ষণ করার জন্য কীটি হল ভেরিয়েবল এবং মানটি সংরক্ষণ করার জন্য ভেরিয়েবল।
আশা করি এটা কাজে লাগবে!
আমি জানি এই পোস্টটির ইতিমধ্যে বেশ কয়েকটি উত্তর রয়েছে তবে আমি একাধিক বৈশিষ্ট্য আছে এবং সেগুলি অ্যারের মধ্যে রয়েছে এমন একটিও দেখিনি। এবং উপায় এই সমাধানটি ES6 এর জন্য।
উদাহরণস্বরূপ, ধরা যাক যে আমাদের ভিতরে একটি অ্যারে নামের ব্যক্তি রয়েছে যার ভিতরে বস্তু রয়েছে:
let Person = [{id:1, Name: "John"}, {id:2, Name: "Susan"}, {id:3, Name: "Jet"}]সুতরাং, আপনি সংশ্লিষ্ট মান সহ একটি সম্পত্তি যুক্ত করতে পারেন। ধরা যাক আমরা EN এর একটি ডিফল্ট মান সহ একটি ভাষা যুক্ত করতে চাই ।
Person.map((obj)=>({...obj,['Language']:"EN"}))ব্যক্তি অ্যারে এখন এই মতো হবে:
Person = [{id:1, Name: "John", Language:"EN"},
{id:2, Name: "Susan", Language:"EN"}, {id:3, Name: "Jet", Language:"EN"}]Person = Person.map(code here)। তবে মুল বক্তব্যটি হ'ল আপনি সহজে কোনও বিদ্যমান বস্তুর সাথে সম্পত্তি যুক্ত করতে পারেন ES6।
(ডট) পদ্ধতিটি ব্যবহার করে বিদ্যমান অবজেক্টটিতে কোনও সম্পত্তি যুক্ত করার সময় সাবধান হন ।
(.dot) অবজেক্টে কোনও বিশিষ্টতা যোগ করার পদ্ধতি শুধুমাত্র আপনি ব্যবহার করা উচিত জানি 'কী' পূর্বেই অন্যথায় ব্যবহার [বন্ধনী] পদ্ধতি।
উদাহরণ:
var data = {
'Property1': 1
};
// Two methods of adding a new property [ key (Property4), value (4) ] to the
// existing object (data)
data['Property2'] = 2; // bracket method
data.Property3 = 3; // dot method
console.log(data); // { Property1: 1, Property2: 2, Property3: 3 }
// But if 'key' of a property is unknown and will be found / calculated
// dynamically then use only [bracket] method not a dot method
var key;
for(var i = 4; i < 6; ++i) {
key = 'Property' + i; // Key - dynamically calculated
data[key] = i; // CORRECT !!!!
}
console.log(data);
// { Property1: 1, Property2: 2, Property3: 3, Property4: 4, Property5: 5 }
for(var i = 6; i < 2000; ++i) {
key = 'Property' + i; // Key - dynamically calculated
data.key = i; // WRONG !!!!!
}
console.log(data);
// { Property1: 1, Property2: 2, Property3: 3,
// Property4: 4, Property5: 5, key: 1999 }কনসোল লগের শেষে সমস্যাটি নোট করুন - সম্পত্তি 6: 6, সম্পত্তি 7: 7, ........., সম্পত্তি 1999: 1999 এর পরিবর্তে 'কী: 1999' । সুতরাং গতিশীলভাবে তৈরি সম্পত্তি যুক্ত করার সর্বোত্তম উপায় হ'ল [বন্ধনী] পদ্ধতি।
গতিশীল স্ট্রিং নাম থেকে অ্যাক্সেসের একটি দুর্দান্ত উপায় যাতে অবজেক্ট থাকে (উদাহরণস্বরূপ অবজেক্ট.সুবজেক্ট.প্রোপার্টি)
function ReadValue(varname)
{
var v=varname.split(".");
var o=window;
if(!v.length)
return undefined;
for(var i=0;i<v.length-1;i++)
o=o[v[i]];
return o[v[v.length-1]];
}
function AssignValue(varname,value)
{
var v=varname.split(".");
var o=window;
if(!v.length)
return;
for(var i=0;i<v.length-1;i++)
o=o[v[i]];
o[v[v.length-1]]=value;
}উদাহরণ:
ReadValue("object.subobject.property");
WriteValue("object.subobject.property",5);eval পড়া মানের জন্য কাজ করে, তবে লেখার মানটি কিছুটা শক্ত।
আরও উন্নত সংস্করণ (সাবক্লাসগুলি তৈরি করুন যদি সেগুলি উপস্থিত না থাকে এবং বৈশ্বিক ভেরিয়েবলের পরিবর্তে বস্তুর অনুমতি দেয়)
function ReadValue(varname,o=window)
{
if(typeof(varname)==="undefined" || typeof(o)==="undefined" || o===null)
return undefined;
var v=varname.split(".");
if(!v.length)
return undefined;
for(var i=0;i<v.length-1;i++)
{
if(o[v[i]]===null || typeof(o[v[i]])==="undefined")
o[v[i]]={};
o=o[v[i]];
}
if(typeof(o[v[v.length-1]])==="undefined")
return undefined;
else
return o[v[v.length-1]];
}
function AssignValue(varname,value,o=window)
{
if(typeof(varname)==="undefined" || typeof(o)==="undefined" || o===null)
return;
var v=varname.split(".");
if(!v.length)
return;
for(var i=0;i<v.length-1;i++)
{
if(o[v[i]]===null || typeof(o[v[i]])==="undefined")
o[v[i]]={};
o=o[v[i]];
}
o[v[v.length-1]]=value;
}উদাহরণ:
ReadValue("object.subobject.property",o);
WriteValue("object.subobject.property",5,o);এটি একই। O.object.subobject.property
আমি কীভাবে সমস্যার সমাধান করেছি তা এখানে।
var obj = {
};
var field = "someouter.someinner.someValue";
var value = 123;
function _addField( obj, field, value )
{
// split the field into tokens
var tokens = field.split( '.' );
// if there's more than one token, this field is an object
if( tokens.length > 1 )
{
var subObj = tokens[0];
// define the object
if( obj[ subObj ] !== undefined ) obj[ subObj ] = {};
// call addfield again on the embedded object
var firstDot = field.indexOf( '.' );
_addField( obj[ subObj ], field.substr( firstDot + 1 ), value );
}
else
{
// no embedded objects, just field assignment
obj[ field ] = value;
}
}
_addField( obj, field, value );
_addField(obj, 'simpleString', 'string');
console.log( JSON.stringify( obj, null, 2 ) );নিম্নলিখিত বস্তু উত্পন্ন:
{
"someouter": {
"someinner": {
"someValue": 123
}
},
"simpleString": "string"
}একটি নিখুঁত সহজ উপায়
var data = {
'PropertyA': 1,
'PropertyB': 2,
'PropertyC': 3
};
var newProperty = 'getThisFromUser';
data[newProperty] = 4;
console.log(data);আপনি যদি এটির ডেটার অ্যারে প্রয়োগ করতে চান (ES6 / TS সংস্করণ)
const data = [
{ 'PropertyA': 1, 'PropertyB': 2, 'PropertyC': 3 },
{ 'PropertyA': 11, 'PropertyB': 22, 'PropertyC': 33 }
];
const newProperty = 'getThisFromUser';
data.map( (d) => d[newProperty] = 4 );
console.log(data);স্পষ্টভাবে. এটিকে অভিধান বা সহযোগী অ্যারে হিসাবে ভাবেন। আপনি যে কোনও সময়ে এটি যুক্ত করতে পারেন।