জাভাস্ক্রিপ্টে মাল্টি-ডাইমেনশনাল অ্যা্যাসোসিয়েটিভ অ্যারে

Question 1

নিম্নলিখিত কোয়েরির ফলাফল রয়েছে: (কী 1 এবং কী 2 কোনও পাঠ্য হতে পারে)

id   key1     key2     value

1    fred     apple    2
2    mary     orange   10
3    fred     banana   7
4    fred     orange   4
5    sarah    melon    5
...

এবং আমি গ্রিডে ডেটা সংরক্ষণ করতে চাই (সম্ভবত কোনও অ্যারে হিসাবে) সমস্ত রেকর্ডটি এ জাতীয়ভাবে লুপ করে :

         apple    orange   banana  melon
fred        2        4         7     -
mary        -        10        -     -
sarah       -        -         -     5

পিএইচপি-তে এটি সহযোগী অ্যারেগুলি ব্যবহার করে সত্যই সহজ হবে:

$result['fred']['apple'] = 2;

তবে জাভাস্ক্রিপ্টে এসোসিয়েটিভ অ্যারেগুলি এর মতো কাজ করে না। প্রচুর টিউটোরিয়াল পড়ার পরে, আমি যা পেতাম তা হ'ল:

arr=[];
arr[1]['apple'] = 2;

কিন্তু arr['fred']['apple'] = 2;কাজ করে না আমি বস্তুর অ্যারে চেষ্টা করেছিলাম, তবে বস্তুর বৈশিষ্ট্যগুলি বিনামূল্যে পাঠ্য হতে পারে না। আমি যত বেশি টিউটোরিয়াল পড়ছিলাম, ততই আমি বিভ্রান্ত হয়ে পড়ি ...

কোন ধারণা স্বাগত :)

Question 2

কেবল একটি নিয়মিত জাভাস্ক্রিপ্ট অবজেক্ট ব্যবহার করুন, যা আপনার সহযোগী অ্যারেগুলির মতোই 'পড়তে' পারে। আপনাকে প্রথমে তাদের আরম্ভ করার কথা মনে রাখতে হবে।

var obj = {};

obj['fred'] = {};
if('fred' in obj ){ } // can check for the presence of 'fred'
if(obj.fred) { } // also checks for presence of 'fred'
if(obj['fred']) { } // also checks for presence of 'fred'

// The following statements would all work
obj['fred']['apples'] = 1;
obj.fred.apples = 1;
obj['fred'].apples = 1;

// or build or initialize the structure outright
var obj = { fred: { apples: 1, oranges: 2 }, alice: { lemons: 1 } };

আপনি যদি মূল্যবোধগুলি সন্ধান করেন তবে আপনার কাছে এমন দেখতে কিছু হতে পারে:

var people = ['fred', 'alice'];
var fruit = ['apples', 'lemons'];

var grid = {};
for(var i = 0; i < people.length; i++){
    var name = people[i];
    if(name in grid == false){
        grid[name] = {}; // must initialize the sub-object, otherwise will get 'undefined' errors
    }

    for(var j = 0; j < fruit.length; j++){
        var fruitName = fruit[j];
        grid[name][fruitName] = 0;
    }
}

Question 3

যদি না হয় আছে একটি অ্যারের হবে, আপনি একটি "বহুমাত্রিক" জাতীয় বস্তু তৈরি করতে পারেন ...

<script type="text/javascript">
var myObj = { 
    fred: { apples: 2, oranges: 4, bananas: 7, melons: 0 }, 
    mary: { apples: 0, oranges: 10, bananas: 0, melons: 0 }, 
    sarah: { apples: 0, oranges: 0, bananas: 0, melons: 5 } 
}

document.write( myObject[ 'fred' ][ 'apples' ] );
</script>

Question 4

জাভাস্ক্রিপ্ট নমনীয়:

var arr = {
  "fred": {"apple": 2, "orange": 4},
  "mary": {}
  //etc, etc
};

alert(arr.fred.orange);
alert(arr["fred"]["orange"]);
for (key in arr.fred)
    alert(key + ": " + arr.fred[key]);

Question 5

যেহেতু আমার সমস্ত উপাদানগুলি একটি সুন্দর উপায়ে পাওয়া দরকার ছিল আমি এই এসও বিষয়টির সাথে "2 মাত্রিক সংশ্লেষমূলক অ্যারে / অবজেক্ট ট্র্যাভারসিং" এর মুখোমুখি হয়েছি - আমার পক্ষে কোনও নামই আসে না কারণ কার্যকারিতা গণনা করা হয়।

var imgs_pl = { 
    'offer':        { 'img': 'wer-handwritter_03.png', 'left': 1, 'top': 2 },
    'portfolio':    { 'img': 'wer-handwritter_10.png', 'left': 1, 'top': 2 },
    'special':      { 'img': 'wer-handwritter_15.png', 'left': 1, 'top': 2 }
};
for (key in imgs_pl) { 
    console.log(key);
    for (subkey in imgs_pl[key]) { 
        console.log(imgs_pl[key][subkey]);
    }
}

Question 6

এটি প্রদর্শিত হয় যে কিছু অ্যাপ্লিকেশনের জন্য, জাভাস্ক্রিপ্টে বহু-মাত্রিক এসোসিয়েটিভ অ্যারেগুলির জন্য অনেক সহজ পদ্ধতি রয়েছে।

সমস্ত অ্যারের অভ্যন্তরীণ উপস্থাপনা আসলে বস্তুর অবজেক্ট হিসাবে দেখা যায়, এটি দেখানো হয়েছে যে সংখ্যাসূচকভাবে সূচিকৃত উপাদানগুলির অ্যাক্সেসের সময়টি আসলে এসোসিয়েটিভ (পাঠ্য) সূচকযুক্ত উপাদানগুলির জন্য একই।
প্রথম স্তরের সহযোগী সূচকযুক্ত উপাদানগুলির অ্যাক্সেসের সময়টি প্রকৃত উপাদানের সংখ্যা বৃদ্ধির সাথে বৃদ্ধি পায় না।

এটি দেওয়া হয়েছে, এমন অনেকগুলি ক্ষেত্রে থাকতে পারে যেখানে একটি বহুমাত্রিক উপাদানগুলির সমতুল্যতা তৈরি করতে একটি কাঠের স্ট্রিং পদ্ধতির ব্যবহার করা ভাল। উদাহরণ স্বরূপ:

store['fruit']['apples']['granny']['price] = 10
store['cereal']['natural']['oats']['quack'] = 20

যায়:

store['fruit.apples.granny.price'] = 10
store['cereal.natural.oats.quack'] = 20

সুবিধার মধ্যে রয়েছে:

উপ-অবজেক্টগুলি আরম্ভ করার প্রয়োজন নেই বা কীভাবে অবজেক্টগুলিকে সর্বোত্তমভাবে সংহত করা যায় তা নির্ধারণ করার দরকার নেই
একক স্তরের অ্যাক্সেস সময়। অবজেক্টের মধ্যে থাকা অবজেক্টগুলির অ্যাক্সেসের সময় N বারের প্রয়োজন
সমস্ত মাত্রা তথ্য নিষ্কাশন করতে অবজেক্ট.কিজ () ব্যবহার করতে পারেন এবং ..
আপনি যা চান ঠিক তা টানতে কীগুলিতে regex.test (স্ট্রিং) এবং অ্যারে.ম্যাপ ফাংশনটি ব্যবহার করতে পারেন।
মাত্রাগুলিতে কোনও শ্রেণিবদ্ধতা নেই।
"ডট" নির্বিচারে - আন্ডারস্কোর ব্যবহার করা আসলে রিজেক্সকে আরও সহজ করে তোলে
"সমতলকরণ" এর জন্য JSON এর প্রচুর স্ক্রিপ্টও রয়েছে এই ফর্ম্যাটটিতে এবং বাইরেও
কীলিস্টে অন্য দুর্দান্ত অ্যারে প্রসেসিং ফাংশনগুলি সমস্ত ব্যবহার করতে পারে

Question 7

সম্পত্তির নামটি পূর্ণসংখ্যার সাথে মিশে থাকা অ্যারেগুলির সংস্থার একটি অ্যারের মান পান:

একটি সহযোগী অ্যারে দিয়ে শুরু করা যেখানে সম্পত্তির নামগুলি পূর্ণসংখ্যা হয়:

var categories = [
    {"1":"Category 1"},
    {"2":"Category 2"},
    {"3":"Category 3"},
    {"4":"Category 4"}
];

অ্যারে আইটেম পুশ করুন:

categories.push({"2300": "Category 2300"});
categories.push({"2301": "Category 2301"});

অ্যারের মাধ্যমে লুপ করুন এবং সম্পত্তি মান সহ কিছু করুন।

for (var i = 0; i < categories.length; i++) {
    for (var categoryid in categories[i]) {
        var category = categories[i][categoryid];
        // log progress to the console
        console.log(categoryid + " : " + category);
        //  ... do something
    }
}

কনসোল আউটপুট এর মতো দেখতে হবে:

1 : Category 1
2 : Category 2
3 : Category 3
4 : Category 4
2300 : Category 2300
2301 : Category 2301

যেমন আপনি দেখতে পাচ্ছেন, আপনি সমিতির অ্যারে সীমাবদ্ধতাটি পেতে পারেন এবং একটি সম্পত্তির নাম পূর্ণসংখ্যা হতে পারেন।

দ্রষ্টব্য: আমার উদাহরণের সহযোগী অ্যারে হ'ল জসন হ'ল যদি আপনি কোনও অভিধান [] অবজেক্টকে সিরিয়াল করে তোলেন।

Question 8

কোনও অ্যারে ব্যবহার করবেন না, কোনও বস্তু ব্যবহার করুন।

var foo = new Object();

Question 9

আপনাকে অবজেক্টস অগত্যা ব্যবহার করার দরকার নেই, আপনি এটি সাধারণ বহুমাত্রিক অ্যারে দিয়ে করতে পারেন।

এটি অবজেক্ট ছাড়াই আমার সমাধান :

// Javascript
const matrix = [];

matrix.key1 = [
  'value1',
  'value2',
];

matrix.key2 = [
  'value3',
];

যা পিএইচপি-তে সমান:

// PHP
$matrix = [
    "key1" => [
        'value1',
        'value2',
    ],
    "key2" => [
        'value3',
    ]
];

Question 10

<script language="javascript">

// Set values to variable
var sectionName = "TestSection";
var fileMap = "fileMapData";
var fileId = "foobar";
var fileValue= "foobar.png";
var fileId2 = "barfoo";
var fileValue2= "barfoo.jpg";

// Create top-level image object
var images = {};

// Create second-level object in images object with
// the name of sectionName value
images[sectionName] = {};

// Create a third level object
var fileMapObj = {};

// Add the third level object to the second level object
images[sectionName][fileMap] = fileMapObj;

// Add forth level associate array key and value data
images[sectionName][fileMap][fileId] = fileValue;
images[sectionName][fileMap][fileId2] = fileValue2;


// All variables
alert ("Example 1 Value: " + images[sectionName][fileMap][fileId]);

// All keys with dots
alert ("Example 2 Value: " + images.TestSection.fileMapData.foobar);

// Mixed with a different final key
alert ("Example 3 Value: " + images[sectionName]['fileMapData'][fileId2]);

// Mixed brackets and dots...
alert ("Example 4 Value: " + images[sectionName]['fileMapData'].barfoo);

// This will FAIL! variable names must be in brackets!
alert ("Example 5 Value: " + images[sectionName]['fileMapData'].fileId2);
// Produces: "Example 5 Value: undefined".

// This will NOT work either. Values must be quoted in brackets.
alert ("Example 6 Value: " + images[sectionName][fileMapData].barfoo);
// Throws and exception and stops execution with error: fileMapData is not defined

// We never get here because of the uncaught exception above...
alert ("The End!");
</script>

স্নিপেট প্রসারিত করুন

Question 11

    var myObj = [];
    myObj['Base'] = [];
    myObj['Base']['Base.panel.panel_base'] = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
                                              Align:'',  AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };
    myObj['Base']['Base.panel.panel_top']  = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
                                              Align:'',AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };

    myObj['SC1'] = [];
    myObj['SC1']['Base.panel.panel_base'] = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
                                              Align:'',  AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };
    myObj['SC1']['Base.panel.panel_top']  = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
                                              Align:'',AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };


    console.log(myObj);

    if ('Base' in myObj) {
      console.log('Base found');

      if ('Base.panel.panel_base' in myObj['Base'])  {
        console.log('Base.panel.panel_base found'); 


      console.log('old value: ' + myObj['Base']['Base.panel.panel_base'].Context);  
      myObj['Base']['Base.panel.panel_base'] = 'new Value';
      console.log('new value: ' + myObj['Base']['Base.panel.panel_base']);
      }
    }

আউটপুট:

বেস পাওয়া গেছে
বেস.প্যানেল.প্যানেল_বাস পাওয়া গেছে
পুরাতন মান: বেস
নতুন মান: নতুন মান

অ্যারে অপারেশন কাজ করে। কোন সমস্যা নেই.

সংক্ষেপণ:

     Object.keys(myObj['Base']).forEach(function(key, index) {            
        var value = objcons['Base'][key];                   
      }, myObj);