हम फॉर-लूप का उपयोग करके ऐरे तत्वों तक पहुँच सकते हैं:
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()के साथ destructuring :
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()और शायद कई अन्य डोम चलने योग्य संरचनाओं को फेंकता है । अभी भी से उपयोग करना _.forEach()हैlodash
for (var value of document.styleSheets) {}। आप सूचकांक की जरूरत है, तो आप के माध्यम से पहले एक सरणी के लिए मूल्य में बदल सकते हैं Array.from: for (let [index, value] of Array.from(document.styleSheets)) {}।
Array.fromहै FTW
आकर्षक नए देशी कार्यों की इस दुनिया में, हम कभी-कभी मूल बातें भूल जाते हैं।
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()।
HTML / js के संदर्भ में, आधुनिक ब्राउज़रों पर, Arrays की तुलना में अन्य पुनरावृत्त वस्तुओं के साथ हम [Iterable] .entries () का भी उपयोग कर सकते हैं।
for(let [index, element] of document.querySelectorAll('div').entries()) {
element.innerHTML = '#' + index
}entriesविधि नहीं है ।
एक for..ofलूप में हम इसे हासिल कर सकते हैं array.entries()। array.entriesएक नया ऐरे इटेरेटर ऑब्जेक्ट देता है। एक पुनरावृत्त वस्तु यह जानती है कि उस समय एक पुनरावृत्ति से वस्तुओं तक कैसे पहुंचा जा सकता है, जबकि उस क्रम के भीतर इसकी वर्तमान स्थिति पर नज़र रखता है।
जब next()विधि को इट्रेटर पर बुलाया जाता है तो कुंजी मूल्य जोड़े उत्पन्न होते हैं। इन प्रमुख मूल्य युग्मों में ऐरे इंडेक्स कुंजी है और एरे आइटम मद है।
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 विनिर्देशन (यानी "es1") का हिस्सा है। इसके अलावा, ध्यान दें कि for...inऑब्जेक्ट गुणों पर पुनरावृत्ति के लिए है। हालांकि यह सरणियों पर पुनरावृत्ति कर सकता है, लेकिन यह अपेक्षित क्रम में ऐसा नहीं कर सकता है। MDN प्रलेखन
एक अन्य दृष्टिकोण के 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