जावास्क्रिप्ट ES5

ECMAScript 2009, जिसे ES5 के नाम से भी जाना जाता है, जावास्क्रिप्ट का पहला बड़ा संशोधन था।

यह अध्याय ES5 की सबसे महत्वपूर्ण विशेषताओं का वर्णन करता है।

ES5 विशेषताएं

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

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


Chrome	IE	Edge	Firefox	Safari	Opera
Yes	9.0	Yes	Yes	Yes	Yes

"सख्त उपयोग करें" निर्देश

"use strict"परिभाषित करता है कि जावास्क्रिप्ट कोड को "सख्त मोड" में निष्पादित किया जाना चाहिए।

सख्त मोड के साथ, उदाहरण के लिए, आप अघोषित चर का उपयोग नहीं कर सकते हैं।

आप अपने सभी कार्यक्रमों में सख्त मोड का उपयोग कर सकते हैं। यह आपको क्लीनर कोड लिखने में मदद करता है, जैसे आपको अघोषित चर का उपयोग करने से रोकना।

"use strict"सिर्फ एक स्ट्रिंग अभिव्यक्ति है। पुराने ब्राउज़र त्रुटि नहीं देंगे यदि वे इसे नहीं समझते हैं।

जेएस स्ट्रिक्ट मोड में और पढ़ें ।

स्ट्रिंग्स पर संपत्ति का उपयोग

विधि एक charAt()स्ट्रिंग में एक निर्दिष्ट अनुक्रमणिका (स्थिति) पर वर्ण लौटाती है:

उदाहरण

var str = "HELLO WORLD";
str.charAt(0); // returns H

ES5 स्ट्रिंग्स पर संपत्ति के उपयोग की अनुमति देता है:

उदाहरण

var str = "HELLO WORLD";
str[0]; // returns H

स्ट्रिंग पर संपत्ति का उपयोग थोड़ा अप्रत्याशित हो सकता है।

JS स्ट्रिंग मेथड्स में और पढ़ें ।

एकाधिक पंक्तियों में स्ट्रिंग्स

ES5 बैकस्लैश से बच निकलने पर स्ट्रिंग अक्षर को कई लाइनों पर अनुमति देता है:

उदाहरण

"Hello \
Dolly!";

\ विधि में सार्वभौमिक समर्थन नहीं हो सकता है।
पुराने ब्राउज़र बैकस्लैश के आस-पास के रिक्त स्थान को अलग तरह से व्यवहार कर सकते हैं।
कुछ पुराने ब्राउज़र \ वर्ण के पीछे रिक्त स्थान की अनुमति नहीं देते हैं।

एक स्ट्रिंग अक्षर को तोड़ने का एक सुरक्षित तरीका, स्ट्रिंग जोड़ का उपयोग करना है:

उदाहरण

"Hello " +
"Dolly!";

संपत्ति के नाम के रूप में आरक्षित शब्द

ES5 आरक्षित शब्दों को संपत्ति के नाम के रूप में अनुमति देता है:

वस्तु उदाहरण

var obj = {name: "John", new: "yes"}

स्ट्रिंग ट्रिम ()

trim()विधि एक स्ट्रिंग के दोनों ओर से खाली स्थान को हटा देती है ।

उदाहरण

var str = " Hello World! ";
alert(str.trim());

JS स्ट्रिंग मेथड्स में और पढ़ें ।

Array.isArray ()

isArray()विधि जांचती है कि कोई वस्तु एक सरणी है या नहीं ।

उदाहरण

function myFunction() {
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = document.getElementById("demo");
x.innerHTML = Array.isArray(fruits);
}

JS Arrays में और पढ़ें ।

प्रत्येक के लिए ऐरे ()

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

उदाहरण

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

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

JS Array Iteration Methods में और जानें ।

सरणी नक्शा ()

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

उदाहरण

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

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

JS Array Iteration Methods में और जानें ।

ऐरे फ़िल्टर ()

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

उदाहरण

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

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

JS Array Iteration Methods में और जानें ।

ऐरे कम करें ()

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

उदाहरण

var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce(myFunction);

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

JS Array Iteration Methods में और जानें ।

ऐरे कम करेंराइट ()

यह उदाहरण किसी सरणी में सभी संख्याओं का योग भी ढूँढता है:

उदाहरण

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

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

JS Array Iteration Methods में और जानें ।

सरणी हर ()

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

उदाहरण

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

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

JS Array Iteration Methods में और जानें ।

कुछ सरणी ()

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

उदाहरण

var numbers = [45, 4, 9, 16, 25];
var allOver18 = numbers.some(myFunction);

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

JS Array Iteration Methods में और जानें ।

ऐरे इंडेक्सऑफ ()

तत्व मान के लिए एक सरणी खोजें और उसकी स्थिति लौटाएं।

उदाहरण

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");

JS Array Iteration Methods में और जानें ।

सरणी lastIndexOf ()

lastIndexOf()के समान है indexOf(), लेकिन सरणी के अंत से खोज करता है।

उदाहरण

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");

JS Array Iteration Methods में और जानें ।

JSON.parse ()

JSON का एक सामान्य उपयोग वेब सर्वर से डेटा प्राप्त करना है।

कल्पना कीजिए कि आपको यह टेक्स्ट स्ट्रिंग किसी वेब सर्वर से प्राप्त हुई है:

'{"name":"John", "age":30, "city":"New York"}'

जावास्क्रिप्ट फ़ंक्शन JSON.parse()का उपयोग टेक्स्ट को जावास्क्रिप्ट ऑब्जेक्ट में बदलने के लिए किया जाता है:

var obj = JSON.parse('{"name":"John", "age":30, "city":"New York"}');

हमारे JSON ट्यूटोरियल में और पढ़ें ।

JSON.stringify ()

JSON का एक सामान्य उपयोग वेब सर्वर पर डेटा भेजना है।

वेब सर्वर पर डेटा भेजते समय, डेटा को एक स्ट्रिंग होना चाहिए।

कल्पना कीजिए कि हमारे पास जावास्क्रिप्ट में यह वस्तु है:

var obj = {name:"John", age:30, city:"New York"};

JSON.stringify()इसे एक स्ट्रिंग में बदलने के लिए जावास्क्रिप्ट फ़ंक्शन का उपयोग करें ।

var myJSON = JSON.stringify(obj);

परिणाम JSON संकेतन के बाद एक स्ट्रिंग होगा।

myJSON अब एक स्ट्रिंग है, और सर्वर पर भेजने के लिए तैयार है:

उदाहरण

var obj = {name:"John", age:30, city:"New York"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

हमारे JSON ट्यूटोरियल में और पढ़ें ।

दिनांक.अब ()

Date.now() returns the number of milliseconds since zero date (January 1. 1970 00:00:00 UTC).

Example

var timInMSs = Date.now();

Date.now() returns the same as getTime() performed on a Date object.

Learn more in JS Dates.

Date toISOString()

The toISOString() method converts a Date object to a string, using the ISO standard format:

Example

const d = new Date();
document.getElementById("demo").innerHTML = d.toISOString();

Date toJSON()

toJSON() converts a Date object into a string, formatted as a JSON date.

JSON dates have the same format as the ISO-8601 standard: YYYY-MM-DDTHH:mm:ss.sssZ:

Example

d = new Date();
document.getElementById("demo").innerHTML = d.toJSON();

Property Getters and Setters

ES5 lets you define object methods with a syntax that looks like getting or setting a property.

This example creates a getter for a property called fullName:

Example

// Create an object:
var person = {
firstName: "John",
lastName : "Doe",
get fullName() {
return this.firstName + " " + this.lastName;
}
};

// Display data from the object using a getter:
document.getElementById("demo").innerHTML = person.fullName;

This example creates a setter and a getter for the language property:

Example

This example uses a setter to secure upper case updates of language:

Example

var person = {
firstName: "John",
lastName : "Doe",
language : "NO",
  set lang(value) {
    this.language = value.toUpperCase();
  }
};

// Set an object property using a setter:
person.lang = "en";

// Display data from the object:
document.getElementById("demo").innerHTML = person.language;

Learn more about Gettes and Setters in JS Object Accessors

Object.defineProperty()

Object.defineProperty() is a new Object method in ES5.

It lets you define an object property and/or change a property's value and/or metadata.

Example

// Create an Object:
var person = {
firstName: "John",
lastName : "Doe",
language : "NO",
};

// Change a Property:
Object.defineProperty(person, "language", {
value: "EN",
  writable : true,
  enumerable : true,
  configurable : true
});

// Enumerate Properties
var txt = "";
for (var x in person) {
txt += person[x] + "<br>";
}
document.getElementById("demo").innerHTML = txt;

Next example is the same code, except it hides the language property from enumeration:

Example

// Create an Object:
var person = {
firstName: "John",
lastName : "Doe",
language : "NO",
};

// Change a Property:
Object.defineProperty(person, "language", {
value: "EN",
  writable : true,
  enumerable : false,
  configurable : true
});

// Enumerate Properties
var txt = "";
for (var x in person) {
txt += person[x] + "<br>";
}
document.getElementById("demo").innerHTML = txt;

This example creates a setter and a getter to secure upper case updates of language:

Example

/// Create an Object:
var person = {
firstName: "John",
lastName : "Doe",
language : "NO"
};

// Change a Property:
Object.defineProperty(person, "language", {
get : function() { return language },
set : function(value) { language = value.toUpperCase()}
});

// Change Language
person.language = "en";

// Display Language
document.getElementById("demo").innerHTML = person.language;

E5 Object Methods

ES5 added a lot of new Object Methods to JavaScript:

Managing Objects

// Create object with an existing object as prototype
Object.create(parent, donor)

// Adding or changing an object property
Object.defineProperty(object, property, descriptor)

// Adding or changing object properties
Object.defineProperties(object, descriptors)

// Accessing Properties
Object.getOwnPropertyDescriptor(object, property)

// Returns all properties as an array
Object.getOwnPropertyNames(object)

// Accessing the prototype
Object.getPrototypeOf(object)

// Returns enumerable properties as an array
Object.keys(object)

Protecting Objects

// Prevents adding properties to an object
Object.preventExtensions(object)

// Returns true if properties can be added to an object
Object.isExtensible(object)

// Prevents changes of object properties (not values)
Object.seal(object)

// Returns true if object is sealed
Object.isSealed(object)

// Prevents any changes to an object
Object.freeze(object)

// Returns true if object is frozen
Object.isFrozen(object)

Learn more in Object ECMAScript5.

Trailing Commas

ES5 allows trailing commas in object and array definitions:

Object Example

person = {
firstName: "John",
lastName: " Doe",
age: 46,
}

Array Example

points = [
1,
5,
10,
25,
40,
100,
];

WARNING !!!

JSON does not allow trailing commas.

JSON Objects:

// Allowed:
var person = '{"firstName":"John", "lastName":"Doe", "age":46}'
JSON.parse(person)

// Not allowed:
var person = '{"firstName":"John", "lastName":"Doe", "age":46,}'
JSON.parse(person)

JSON Arrays:

// Allowed:
points = [40, 100, 1, 5, 25, 10]

// Not allowed:
points = [40, 100, 1, 5, 25, 10,]

❮ Previous Next ❯

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

जेएस संस्करण

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

जे एस कार्य

जेएस क्लासेस

जे एस एसिंक

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

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

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

जे एस अजाक्स

जेएस JSON

जेएस बनाम jQuery

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

जेएस उदाहरण

जे एस संदर्भ

जावास्क्रिप्ट ES5

ES5 विशेषताएं

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

"सख्त उपयोग करें" निर्देश

स्ट्रिंग्स पर संपत्ति का उपयोग

उदाहरण

उदाहरण

एकाधिक पंक्तियों में स्ट्रिंग्स

उदाहरण

उदाहरण

संपत्ति के नाम के रूप में आरक्षित शब्द

वस्तु उदाहरण

स्ट्रिंग ट्रिम ()

उदाहरण

Array.isArray ()

उदाहरण

प्रत्येक के लिए ऐरे ()

उदाहरण

सरणी नक्शा ()

उदाहरण

ऐरे फ़िल्टर ()

उदाहरण

ऐरे कम करें ()

उदाहरण

ऐरे कम करेंराइट ()

उदाहरण

सरणी हर ()

उदाहरण

कुछ सरणी ()

उदाहरण

ऐरे इंडेक्सऑफ ()

उदाहरण

सरणी lastIndexOf ()

उदाहरण

JSON.parse ()

JSON.stringify ()

उदाहरण

दिनांक.अब ()

Example

Date toISOString()

Example

Date toJSON()

Example

Property Getters and Setters

Example

Example

Example

Object.defineProperty()

Example

Example

Example

E5 Object Methods

Managing Objects

Protecting Objects

Trailing Commas

Object Example

Array Example

JSON Objects:

JSON Arrays: