Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट array.keys() मेथड

जावास्क्रिप्ट का array.keys() मेथड एरे की कीज के साथ एक Array Iterator ऑब्जेक्ट लौटाने के लिए उपयोग किया जाता है।

सिंटैक्स इस प्रकार है:

array.keys()

उदाहरण 1

<!DOCTYPE html>
<html>
<body>
  <h2>कार वेरिएंट्स</h2>
  <p id="test"></p>
  <script>
    var arrStud = ["Crossover", "Convertible", "Hatchback", "SUV"];
    var res = arrStud.keys();
    for (val of res) {
      document.getElementById("test").innerHTML += val + "<br>";
    }
  </script>
</body>
</html>

आउटपुट

0
1
2
3

उदाहरण 2

<!DOCTYPE html>
<html>
<body>
  <h2>रैंकिंग पॉइंट्स</h2>
  <p>केवल कीज दिखाने के लिए बटन क्लिक करें</p>
  <button onclick="display()">परिणाम</button>
  <p id="test"></p>
  <script>
    var pointsArr = [10, 20, 30, 40, 50, 60, 70, 80, 90, 1000];
    document.getElementById("test").innerHTML = pointsArr;
    function display() {
      var res = pointsArr.keys();
      for (val of res) {
        document.getElementById("test").innerHTML += val + "<br>";
      }
    }
  </script>
</body>
</html>

आउटपुट

0 से 9 तक के इंडेक्स (प्रत्येक नई लाइन पर)

व्यावहारिक उपयोग

const arr = ['a', 'b', 'c'];

// Iterator को एरे में बदलें
const keys = [...arr.keys()]; // [0, 1, 2]

// Array.from के साथ
Array.from(arr.keys()); // [0, 1, 2]

// इंडेक्स के साथ इटरेट
for (const index of arr.keys()) {
  console.log(index, arr[index]);
}

// entries() के साथ तुलना
for (const [index, value] of arr.entries()) {
  console.log(index, value); // दोनों एक साथ
}

संबंधित मेथड्स

  • values() - वैल्यूज का इटरेबल
  • entries() - [index, value] पेयर्स का इटरेबल
  • keys() - इंडेक्स का इटरेबल

नोट: ये सभी इटरेबल्स लौटाते हैं, एरे नहीं। एरे में बदलने के लिए Array.from() या स्प्रेड ऑपरेटर उपयोग करें।

  1. JavaScript Array.reverse(): एरे को उल्टा करें JavaScript Array.reverse(): एरे को उल्टा करें

    Array.prototype.reverse() मेथड एरे के तत्वों के क्रम को स्थानांतरित (in-place) उलट देता है। पहला तत्व अंतिम बन जाता है और अंतिम पहला। यह मूल एरे को बदल देता है और उसी एरे का संदर्भ लौटाता है। उदाहरण { arr.reverse(); fillEle.innerHTML = उल्टा: + arr.join(, ); }); </scrip

  1. जावास्क्रिप्ट में ऐरे डीस्ट्रक्चरिंग जावास्क्रिप्ट में ऐरे डीस्ट्रक्चरिंग

    परिचय डीस्ट्रक्चरिंग असाइनमेंट (ES2015) ऐरे से मानों को अलग-अलग वेरिएबल्स में अनपैक करने का एक संक्षिप्त सिंटैक्स है। यह पठनीयता में सुधार करता है और मैन्युअल इंडेक्स एक्सेस की आवश्यकता को कम करता है। उदाहरण निम्न कोड जावास्क्रिप्ट में ऐरे डीस्ट्रक्चरिंग के लिए है: <!DOCTYPE html> <html

  1. जावास्क्रिप्ट में Object.keys().map() बनाम Array.map() जावास्क्रिप्ट में Object.keys().map() बनाम Array.map()

    जावास्क्रिप्ट में Object.keys().map() और Array.map() दिखाने का कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <style>