जेएस ट्यूटोरियल

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके जे एस दिनांक सेट तरीके जे एस मठ जे एस रैंडम जे एस बूलियन्स जेएस तुलना जे एस शर्तें जे एस स्विच जेएस लूप फॉर In . के लिए JS लूप ओएफ के लिए जेएस लूप जेएस लूप जबकि जेएस ब्रेक जेएस Iterables जेएस सेट जेएस मैप्स जेएस टाइपोफ जे एस प्रकार रूपांतरण जेएस बिटवाइज जेएस रेगएक्सपी जे एस त्रुटियाँ जेएस स्कोप जे एस उत्थापन जेएस सख्त मोड जेएस यह कीवर्ड जेएस एरो फंक्शन जेएस क्लासेस जेएस JSON जेएस डिबगिंग जेएस स्टाइल गाइड जेएस सर्वोत्तम अभ्यास जेएस गलतियाँ जेएस प्रदर्शन जेएस आरक्षित शब्द

जेएस संस्करण

जेएस संस्करण जेएस 2009 (ES5) जेएस 2015 (ईएस6) जेएस 2016 जेएस 2017 जेएस 2018 जेएस आईई / एज जेएस इतिहास

जेएस ऑब्जेक्ट्स

वस्तु परिभाषाएँ वस्तु गुण वस्तु के तरीके वस्तु प्रदर्शन ऑब्जेक्ट एक्सेसर्स वस्तु निर्माता वस्तु प्रोटोटाइप वस्तु पुनरावर्तनीय वस्तु समूह वस्तु मानचित्र वस्तु संदर्भ

जे एस कार्य

फ़ंक्शन परिभाषाएँ फंक्शन पैरामीटर्स समारोह आमंत्रण फंक्शन कॉल समारोह लागू करें फंक्शन क्लोजर

जेएस क्लासेस

कक्षा परिचय वर्ग वंशानुक्रम क्लास स्टेटिक

जे एस एसिंक

जेएस कॉलबैक जे एस अतुल्यकालिक जे एस वादा जे एस एसिंक/प्रतीक्षा

जेएस एचटीएमएल डोम

डोम परिचय डोम तरीके डोम दस्तावेज़ डोम तत्व डोम एचटीएमएल डोम फॉर्म डोम सीएसएस डोम एनिमेशन डोम घटनाक्रम डोम इवेंट श्रोता डोम नेविगेशन डोम नोड्स डोम संग्रह डोम नोड सूचियाँ

जेएस ब्राउज़र बीओएम

जेएस विंडो जेएस स्क्रीन जेएस स्थान जेएस इतिहास जेएस नेविगेटर जेएस पॉपअप अलर्ट जेएस टाइमिंग जे एस कुकीज़

जेएस वेब एपीआई

वेब एपीआई परिचय वेब फॉर्म एपीआई वेब इतिहास एपीआई वेब संग्रहण API वेब वर्कर एपीआई वेब फ़ेच एपीआई वेब जियोलोकेशन एपीआई

जे एस अजाक्स

AJAX परिचय अजाक्स एक्सएमएलएचटीपी अजाक्स अनुरोध अजाक्स प्रतिक्रिया अजाक्स एक्सएमएल फ़ाइल अजाक्स पीएचपी अजाक्स एएसपी AJAX डेटाबेस अजाक्स अनुप्रयोग अजाक्स उदाहरण

जेएस JSON

JSON परिचय JSON सिंटैक्स जेएसओएन बनाम एक्सएमएल JSON डेटा प्रकार JSON पार्स JSON स्ट्रिंगिफ़ाई JSON ऑब्जेक्ट्स JSON सरणियाँ JSON सर्वर जेएसओएन पीएचपी जेएसओएन एचटीएमएल जेएसओएन जेएसओएनपी

जेएस बनाम jQuery

jQuery चयनकर्ता jQuery एचटीएमएल jQuery सीएसएस jQuery डोम

जेएस ग्राफिक्स

जेएस ग्राफिक्स जेएस कैनवास जे एस प्लॉटली जेएस चार्ट.जेएस जेएस गूगल चार्ट जेएस डी3.जेएस

जेएस उदाहरण

जेएस उदाहरण जेएस एचटीएमएल डोम जेएस एचटीएमएल इनपुट जेएस एचटीएमएल ऑब्जेक्ट्स जेएस एचटीएमएल इवेंट्स जेएस ब्राउज़र जे एस संपादक जे एस व्यायाम जे एस प्रश्नोत्तरी जेएस प्रमाणपत्र

जे एस संदर्भ

जावास्क्रिप्ट ऑब्जेक्ट्स एचटीएमएल डोम ऑब्जेक्ट्स


जावास्क्रिप्ट ऐरे इटरेशन


सरणी पुनरावृत्ति विधियाँ प्रत्येक सरणी आइटम पर कार्य करती हैं।


प्रत्येक के लिए जावास्क्रिप्ट ऐरे ()

forEach()विधि प्रत्येक सरणी तत्व के लिए एक बार फ़ंक्शन (कॉलबैक फ़ंक्शन) को कॉल करती है

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);

function myFunction(value, index, array) {
  txt += value + "<br>";
}

ध्यान दें कि फ़ंक्शन 3 तर्क लेता है:

  • आइटम का मूल्य
  • आइटम इंडेक्स
  • सरणी ही

ऊपर दिया गया उदाहरण केवल value पैरामीटर का उपयोग करता है। उदाहरण को फिर से लिखा जा सकता है:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);

function myFunction(value) {
  txt += value + "<br>";
}

जावास्क्रिप्ट ऐरे नक्शा ()

map()विधि प्रत्येक सरणी तत्व पर एक फ़ंक्शन निष्पादित करके एक नई सरणी बनाती है

map()विधि मानों के बिना सरणी तत्वों के लिए फ़ंक्शन निष्पादित नहीं करती है

विधि मूल सरणी को map()नहीं बदलती है।

यह उदाहरण प्रत्येक सरणी मान को 2 से गुणा करता है:

उदाहरण

const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

function myFunction(value, index, array) {
  return value * 2;
}

ध्यान दें कि फ़ंक्शन 3 तर्क लेता है:

  • आइटम का मूल्य
  • आइटम इंडेक्स
  • सरणी ही

जब कोई कॉलबैक फ़ंक्शन केवल मान पैरामीटर का उपयोग करता है, तो अनुक्रमणिका और सरणी पैरामीटर को छोड़ा जा सकता है:

उदाहरण

const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

function myFunction(value) {
  return value * 2;
}


जावास्क्रिप्ट ऐरे फ़िल्टर ()

filter()विधि एक परीक्षण पास करने वाले सरणी तत्वों के साथ एक नई सरणी बनाती है

यह उदाहरण 18 से बड़े मान वाले तत्वों से एक नई सरणी बनाता है:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

ध्यान दें कि फ़ंक्शन 3 तर्क लेता है:

  • आइटम का मूल्य
  • आइटम इंडेक्स
  • सरणी ही

उपरोक्त उदाहरण में, कॉलबैक फ़ंक्शन इंडेक्स और सरणी पैरामीटर का उपयोग नहीं करता है, इसलिए उन्हें छोड़ा जा सकता है:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);

function myFunction(value) {
  return value > 18;
}

जावास्क्रिप्ट ऐरे कम करें ()

विधि प्रत्येक सरणी तत्व पर एक मान उत्पन्न करने (इसे कम करने) के लिए reduce()एक फ़ंक्शन चलाती है।

reduce()विधि सरणी में बाएं से दाएं काम करती है यह भी देखें reduceRight()

reduce()विधि मूल सरणी को कम नहीं करती है

यह उदाहरण एक सरणी में सभी संख्याओं का योग पाता है:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);

function myFunction(total, value, index, array) {
  return total + value;
}

ध्यान दें कि फ़ंक्शन 4 तर्क लेता है:

  • कुल (प्रारंभिक मान / पहले लौटाया गया मान)
  • आइटम का मूल्य
  • आइटम इंडेक्स
  • सरणी ही

उपरोक्त उदाहरण अनुक्रमणिका और सरणी पैरामीटर का उपयोग नहीं करता है। इसे फिर से लिखा जा सकता है:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);

function myFunction(total, value) {
  return total + value;
}

reduce()विधि प्रारंभिक मान स्वीकार कर सकती है :

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction, 100);

function myFunction(total, value) {
  return total + value;
}

जावास्क्रिप्ट ऐरे कम करें ()

विधि प्रत्येक सरणी तत्व पर एक मान उत्पन्न करने (इसे कम करने) के लिए reduceRight()एक फ़ंक्शन चलाती है।

सरणी में reduceRight()दाएं से बाएं काम करता है। यह भी देखें reduce()

reduceRight()विधि मूल सरणी को कम नहीं करती है

यह उदाहरण एक सरणी में सभी संख्याओं का योग पाता है:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let sum = numbers1.reduceRight(myFunction);

function myFunction(total, value, index, array) {
  return total + value;
}

ध्यान दें कि फ़ंक्शन 4 तर्क लेता है:

  • कुल (प्रारंभिक मान / पहले लौटाया गया मान)
  • आइटम का मूल्य
  • आइटम इंडेक्स
  • सरणी ही

उपरोक्त उदाहरण अनुक्रमणिका और सरणी पैरामीटर का उपयोग नहीं करता है। इसे फिर से लिखा जा सकता है:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let sum = numbers1.reduceRight(myFunction);

function myFunction(total, value) {
  return total + value;
}

जावास्क्रिप्ट ऐरे हर ()

विधि जांचती है कि every()क्या सभी सरणी मान एक परीक्षण पास करते हैं।

यह उदाहरण जाँचता है कि क्या सभी सरणी मान 18 से बड़े हैं:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let allOver18 = numbers.every(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

ध्यान दें कि फ़ंक्शन 3 तर्क लेता है:

  • आइटम का मूल्य
  • आइटम इंडेक्स
  • सरणी ही

जब कोई कॉलबैक फ़ंक्शन केवल पहले पैरामीटर (मान) का उपयोग करता है, तो अन्य पैरामीटर छोड़ा जा सकता है:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let allOver18 = numbers.every(myFunction);

function myFunction(value) {
  return value > 18;
}

जावास्क्रिप्ट ऐरे कुछ ()

विधि जांचती है कि some()क्या कुछ सरणी मान एक परीक्षण पास करते हैं।

यह उदाहरण जाँचता है कि क्या कुछ सरणी मान 18 से बड़े हैं:

उदाहरण

const numbers = [45, 4, 9, 16, 25];
let someOver18 = numbers.some(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

ध्यान दें कि फ़ंक्शन 3 तर्क लेता है:

  • आइटम का मूल्य
  • आइटम इंडेक्स
  • सरणी ही

जावास्क्रिप्ट ऐरे इंडेक्सऑफ ()

विधि एक तत्व मान के indexOf()लिए एक सरणी खोजती है और अपनी स्थिति लौटाती है।

नोट: पहले आइटम की स्थिति 0 है, दूसरे आइटम की स्थिति 1 है, और इसी तरह।

उदाहरण

आइटम "Apple" के लिए एक सरणी खोजें:

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;

वाक्य - विन्यास

array.indexOf(item, start)
item Required. The item to search for.
start Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the end.

Array.indexOf()रिटर्न -1 अगर आइटम नहीं मिला।

यदि आइटम एक से अधिक बार मौजूद है, तो यह पहली घटना की स्थिति लौटाता है।


जावास्क्रिप्ट ऐरे lastIndexOf ()

Array.lastIndexOf()के समान है Array.indexOf(), लेकिन निर्दिष्ट तत्व की अंतिम घटना की स्थिति देता है।

उदाहरण

आइटम "Apple" के लिए एक सरणी खोजें:

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;

वाक्य - विन्यास

array.lastIndexOf(item, start)
item Required. The item to search for
start Optional. Where to start the search. Negative values will start at the given position counting from the end, and search to the beginning

जावास्क्रिप्ट ऐरे खोजें ()

find()विधि पहले सरणी तत्व का मान लौटाती है जो एक परीक्षण फ़ंक्शन पास करता है

यह उदाहरण 18 से बड़ा पहला तत्व ढूंढता है (का मान देता है):

उदाहरण

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

ध्यान दें कि फ़ंक्शन 3 तर्क लेता है:

  • आइटम का मूल्य
  • आइटम इंडेक्स
  • सरणी ही

ब्राउज़र समर्थन

find()एक ES6 सुविधा है (जावास्क्रिप्ट 2015)।

यह सभी आधुनिक ब्राउज़रों में समर्थित है:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

find()इंटरनेट एक्सप्लोरर में समर्थित नहीं है।


जावास्क्रिप्ट ऐरे फाइंडइंडेक्स ()

findIndex()विधि पहले सरणी तत्व का सूचकांक लौटाती है जो एक परीक्षण फ़ंक्शन पास करता है

यह उदाहरण पहले तत्व का सूचकांक ढूंढता है जो 18 से बड़ा है:

उदाहरण

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

ध्यान दें कि फ़ंक्शन 3 तर्क लेता है:

  • आइटम का मूल्य
  • आइटम इंडेक्स
  • सरणी ही

ब्राउज़र समर्थन

findIndex()एक ES6 सुविधा है (जावास्क्रिप्ट 2015)।

यह सभी आधुनिक ब्राउज़रों में समर्थित है:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

findIndex()इंटरनेट एक्सप्लोरर में समर्थित नहीं है।




जावास्क्रिप्ट ऐरे। से ()

यह Array.from()विधि किसी भी ऑब्जेक्ट से एक लंबाई संपत्ति या किसी भी चलने योग्य वस्तु के साथ एक ऐरे ऑब्जेक्ट लौटाती है।

उदाहरण

एक स्ट्रिंग से एक ऐरे बनाएँ:

Array.from("ABCDEFG");

ब्राउज़र समर्थन

from()एक ES6 सुविधा है (जावास्क्रिप्ट 2015)।

यह सभी आधुनिक ब्राउज़रों में समर्थित है:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

from()इंटरनेट एक्सप्लोरर में समर्थित नहीं है।


जावास्क्रिप्ट ऐरे कुंजियाँ ()

विधि एक सरणी की Array.keys()कुंजियों के साथ एक ऐरे इटरेटर ऑब्जेक्ट देता है।

उदाहरण

Create an Array Iterator object, containing the keys of the array:

const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();

for (let x of keys) {
  text += x + "<br>";
}

Browser Support

keys() is an ES6 feature (JavaScript 2015).

It is supported in all modern browsers:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

keys() is not supported in Internet Explorer.


JavaScript Array includes()

ECMAScript 2016 introduced Array.includes() to arrays. This allows us to check if an element is present in an array (including NaN, unlike indexOf).

Example

const fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.includes("Mango"); // is true

Syntax

array.includes(search-item)

Array.includes() allows to check for NaN values. Unlike Array.indexOf().

Array.includes() is not supported in Internet Explorer and Edge 12/13.

The first browser versions with full support are:


Browser Support

includes() is an ECMAScript 2016 feature.

It is supported in all modern browsers:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes() is not supported in Internet Explorer.


Complete Array Reference

For a complete Array reference, go to our:

Complete JavaScript Array Reference.

The reference contains descriptions and examples of all Array properties and methods.