আমরা লুপ ব্যবহার করে অ্যারে উপাদানগুলিতে অ্যাক্সেস করতে পারি:
for (const j of [1, 2, 3, 4, 5]) {
console.log(j);
}বর্তমান সূচকেও অ্যাক্সেস করতে আমি এই কোডটি কীভাবে সংশোধন করতে পারি? আমি প্রতিটি সিনেমার জন্য বা ইন-ইন-এর জন্য সিনট্যাক্স ব্যবহার করে এটি অর্জন করতে চাই।
উত্তর:
ব্যবহার Array.prototype.keys:
for (const index of [1, 2, 3, 4, 5].keys()) {
console.log(index);
}আপনি যদি কী এবং মান উভয়ই অ্যাক্সেস করতে চান তবে আপনি ধ্বংসাত্মক ব্যবহারের Array.prototype.entries()সাথে ব্যবহার করতে পারেন :
for (const [index, value] of [1, 2, 3, 4, 5].entries()) {
console.log(index, value);
}yield। তবে আমার ব্যবহারের ক্ষেত্রে সূচীতে আমার অ্যাক্সেস প্রয়োজন, সুতরাং ... প্রাথমিক পুরাতন ;;লুপ এটি আমার ধারণা।
.entires()?
Array#entries সূচক এবং মান প্রদান করে, যদি আপনার উভয়েরই প্রয়োজন হয়:
for (let [index, value] of array.entries()) {
}document.styleSheets[0].cssRules.entries()এমনকি document.styleSheets.entries()এবং সম্ভবত অনেক অন্যান্য DOM পুনরাবৃত্ত কাঠামো ফেলে দেয়। এখনও ব্যবহার করতে হবে _.forEach()থেকেlodash
for (var value of document.styleSheets) {}। আপনি সূচক প্রয়োজন থাকে তাহলে আপনি মাধ্যমে প্রথম একটি অ্যারের মান রূপান্তর করতে পারেন Array.from: for (let [index, value] of Array.from(document.styleSheets)) {}।
Array.fromএফটিডব্লিউ
চটকদার নতুন নেটিভ ফাংশনগুলির বিশ্বে আমরা মাঝে মাঝে বেসিকগুলি ভুলে যাই।
for (let i = 0; i < arr.length; i++) {
console.log('index:', i, 'element:', arr[i]);
}পরিষ্কার, দক্ষ এবং আপনি এখনও breakলুপ করতে পারেন । বোনাস! আপনি প্রান্ত থেকেও শুরু করে পিছনের দিকে যেতে পারেন i--!
অতিরিক্ত দ্রষ্টব্য: আপনি যদি লুপটির মধ্যে মানটি প্রচুর পরিমাণে ব্যবহার করছেন তবে আপনি const value = arr[i];একটি সহজ, পঠনযোগ্য রেফারেন্সের জন্য লুপের শীর্ষে করতে ইচ্ছুক হতে পারেন ।
breakএকটি করতে পারেন for-ofএবং for (let [index, value] of array.entries())পড়তে অনেক সহজ। পিছনে যেতে যোগ করার মত সহজ .reverse()।
আধুনিক ব্রাউজারগুলিতে এইচটিএমএল / জেএস প্রসঙ্গে, অ্যারেগুলির তুলনায় অন্যান্য পুনরাবৃত্তিযোগ্য বস্তুগুলির সাথে আমরা [শ্রদ্ধেয়] .entries () ব্যবহার করতে পারি:
for(let [index, element] of document.querySelectorAll('div').entries()) {
element.innerHTML = '#' + index
}entriesজন্য কোনও পদ্ধতি নেই।
একটি for..ofলুপের মাধ্যমে আমরা এটি অর্জন করতে পারি array.entries()। array.entriesএকটি নতুন অ্যারে পুনরাবৃত্তি বস্তু প্রদান করে। একটি পুনরুক্তিকারী অবজেক্টটি সেই অনুক্রমের মধ্যে তার বর্তমান অবস্থানের ট্র্যাক রাখার সময় কীভাবে পুনরাবৃত্তযোগ্য থেকে আইটেমগুলি অ্যাক্সেস করতে হয় তা জানে।
যখন next()পদ্ধতিটি পুনরুদ্ধার করা হয় তখন কী মান যুক্তগুলি উত্পন্ন হয়। এই কী মান জোড়ায় অ্যারে সূচকটি মূল এবং অ্যারের আইটেমের মান the
let arr = ['a', 'b', 'c'];
let iterator = arr.entries();
console.log(iterator.next().value); // [0, 'a']
console.log(iterator.next().value); // [1, 'b']একটি for..ofলুপ মূলত একটি কনস্ট্রাক্ট যা একটি পুনরাবৃত্তিযোগ্য গ্রাস করে এবং সমস্ত উপাদানগুলির মধ্য দিয়ে লুপ করে (হুডের নীচে একটি পুনরুক্তি ব্যবহার করে)। আমরা array.entries()নিম্নলিখিত পদ্ধতিতে এটি একত্রিত করতে পারি :
array = ['a', 'b', 'c'];
for (let indexValue of array.entries()) {
console.log(indexValue);
}
// we can use array destructuring to conveniently
// store the index and value in variables
for (let [index, value] of array.entries()) {
console.log(index, value);
}এছাড়াও আপনি সূচক নিজেকে হ্যান্ডেল পারেন যদি আপনি প্রয়োজন সূচক , যদি আপনি প্রয়োজন কাজ করবে না কী ।
let i = 0;
for (const item of iterableItems) {
// do something with index
console.log(i);
i++;
}যাঁরা কোনও Arrayবা এমনকি বিন্যাসের মতো নয় এমন অবজেক্ট ব্যবহার করছেন তাদের জন্য আপনি নিজের নিজস্ব পুনরাবৃত্তিকে সহজেই তৈরি করতে পারেন যাতে আপনি এখনও for ofএমন জিনিসগুলির জন্য ব্যবহার করতে পারেন localStorageযা কেবলমাত্র একটিতে রয়েছে length:
function indexerator(length) {
var output = new Object();
var index = 0;
output[Symbol.iterator] = function() {
return {next:function() {
return (index < length) ? {value:index++} : {done:true};
}};
};
return output;
}তারপরে এটি কেবল একটি নম্বর খাওয়ান:
for (let index of indexerator(localStorage.length))
console.log(localStorage.key(index))es6 for...in
for(const index in [15, 64, 78]) {
console.log(index);
}for...ofনয় একটি লুপ সম্পর্কে জিজ্ঞাসা করছেfor...in
for...inমূল ECMAScript নির্দিষ্টকরণের অংশ (যেমন "এস 1")। এছাড়াও, দ্রষ্টব্য যে for...inবস্তুর বৈশিষ্ট্যগুলির ওপরে পুনরাবৃত্তি করার জন্য। যদিও এটি অ্যারেগুলিতে পুনরাবৃত্তি করতে পারে, এটি প্রত্যাশিত ক্রমে এটি নাও করতে পারে। এমডিএন ডকুমেন্টেশনে
অন্য পদ্ধতির Array.prototype.forEach()হিসাবে ব্যবহার করা যেতে পারে
Array.from({
length: 5
}, () => Math.floor(Math.random() * 5)).forEach((val, index) => {
console.log(val, index)
})var fruits = ["apple","pear","peach"];
for (fruit of fruits) {
console.log(fruits.indexOf(fruit));
//it shows the index of every fruit from fruits
}লুপের জন্য অ্যারেটিকে অনুসরণ করে, যখন সূচিপত্রের বৈশিষ্ট্য অ্যারের সাথে মেলে এমন সূচকের মান নেয়। পিডি এই পদ্ধতিতে সংখ্যা সহ কিছু ত্রুটি রয়েছে, তাই ফলগুলি ব্যবহার করুন
["apple", "apple", "pear"]প্রদত্ত সূচকের 0, 0, 2পরিবর্তে হয় 0, 1, 2।
for-ofসাথে পরীক্ষা করেছি.entries()এবং এটি তুলনায় দ্বিগুণ ধীর.forEach()। jsperf.com/for-of-vs-foreach-with-index