Javascript | Data Type | Object Data Type By. Shivansh Sir

JAVASCRIPT

JAVASCRIPT | NULL

Null मतलब variable पर कोई value नहीं होती | Null; Undefined के बराबर होता है

Source Code

<script type="text/javascript">

var a = null;

document.write(a==undefined);

</script>

Output 

true

ये Data type 'false' return करता है | क्योंकि undefined और null ये दोनों अलग-अलग data types है |

Source Code

<script type="text/javascript">

document.write(null===undefined);

</script>

Output 

false

JAVASCRIPT | ARRAY

Javascript के Array में एक से ज्यादा values को store की जाती है | कई Programming languages में Array में same data types के elements होते है, लेकिन Javascript के array में किसी भी type के हो सकते है |


JAVASCRIPT | ARRAY | CREATING AN ARRAY

Array को create करने के लिए एक variable पर bracket पर multiple values दी जाती है |

Syntax

var arr_name = [element1, element2,..., elementN];

Example

var names = ["Manish", "Prince", "Gaurav"];

Source Code

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>JavaScript Array In Hindi </title>

  </head>

  <body>

    <script type="text/javascript">

      let array_var = [12, 34.5 , true , false , "string value"];

      document.write(array_var);

    </script>

  </body>

</html>

Output

12, 34.5, true, false, string value

JAVASCRIPT | ARRAY | ACCESS ARRAY BY INDEX

Array के पहले element का index 0 होता है और आखिरी element array की length-1 होता है | JavaScript में Array store की गयी values को index number के रूप में associate करता है जो कि 0 start होता है। index का use करके हम array values को access कर सकते हैं।

Source Code

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>SUNRISE JAVA SCRIPT </title>

  </head>

  <body>

    <script type="text/javascript">

      let array_var = [12, 34.5 , true , false , "Sunrise"];

      document.write(array_var[4]);

    </script>

  </body>

</html>

Output

Sunrise

JAVASCRIPT | LENGTH OF ARRAY

Array की length check करने के लिए array के length property का इस्तेमाल किया जाता है |

Source Code

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

   <title>SUNRISE JAVA SCRIPT </title>

  </head>

  <body>

    <script type="text/javascript">

      let array_var = [12, 34.5 , true , false , "Sunrise"];

      document.write(array_var.length);

    </script>

  </body>

</html>

Output

5

JAVASCRIPT | ARRAY | CHANGE ARRAY ELEMENT VALUE

Javascript में Element को value; change की जा सकती है |

Source Code

<!DOCTYPE html>

<html>

<body>

<h2>SUNRISE JAVA SCRIPT</h2>

<p>Array elements are accessed using their index number:</p>

<script>

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

document.write (fruits);

fruits[0] = "Kiwi";

document.write ("<br>"+ fruits);

</script>

</body>

</html>

Output

SUNRISE JAVA SCRIPT

Array elements are accessed using their index number:

Banana,Orange,Apple,Mango

Kiwi,Orange,Apple,Mango

Javascript Array Methods & Description

1. concat() :- एक या एक से ज्यादा arrays को जोड़ा जाता है |

2. copyWith() :- Array के elements दुसरे index पर copy किये जाते है |

3. entries() :- Method पर array की keys और उसकी values की pairs उपलब्ध होती है |

4. every() :- Function से हर एक array के element को check करके boolean value return करता है |

5. fill() :- Value से array के elements को fill किया जाता है |

6. filter() :- Function के statement से related अगर कोई पहला index find होता है तो उसकी value return होती है |

7. find():- Function के statement से related अगर कोई पहला index find होता है तो उसकी value return होती है |

8. forEach() :- हर एक array element के लिए function execute किया जाता है |

9. includes() :- Array element है या नहीं ये boolea value में return करता है |

10. indexOf() :- Array element का index return किया जाता है |

11. join() :- Separator से हर element को separate किया जाता है

12. keys() :- Array के elements की keys दिखाता है |

13. lastIndexOf() :- Element का last index return किया जाता है |

14. pop() :- Array के last element को array से remove करके return किया जाता है |

15. push():- End पर एक या एक से ज्यादा elements को जोड़ा जाता है और उसके बाद array की length return करता है |

16. reverse() :- Array के elements को reverse किया जाता है |

17. shift() :- Array के शुरुआत के element को remove किया जाता है |

18. slice() :- Start और end index से नए array को return किया जाता है |

19. some() :- Function के statement से related; boolean value को return करता है |

20. sort() :- Alphabet और numeric array को sort किया जाता है |

21. splice() :- Array में elements add,remove किये जाते है |

22. toSource() :- Array का source code; return किया जाता है |

23. toString() :- Array को String में convert किया जाता है |

24. unshift() :- Array के शुरुआत में एक या एक से ज्यादा element(s) को add किया जाता है |

JAVASCRIPT | OBJECT

Javascript ये Language Object-Oriented Programming Langauge है | Javascript में भी C++, Java जैसे objects बनाये जाते है |

What is Javascript Object ?

Javascript के Object में कुछ methods और कुछ properties होती है | Javascript का हर हिस्से को Object बनाया जा सकता है | लेकिन New Object को बनाया जाता है तब 'new' keyword का इस्तेमाल किया जाता है | जब Number, Boolean और String का इस्तेमाल किया जाता है तो, 'new' keyword का इस्तेमाल किया जाता है | लेकिन Array, Maths, Dates, Functions और Object तो पहले से ही objects है |

Javascript में Objects तीन प्रकार से create किये जाते है |

1. Using Object Literal

2. Using new keyword

3. Using Object Constructor

1. Using Object Literal

Syntax for Creating Object using Object Literal

var obj_name = {prop_name1:prop_val1,prop_name2:prop_val2,....,prop_name n:prope_val n};

यहाँ पर Object create करने के लिए Object Literal एक ही line पर लिया गया है | हर property और value की pair separate lines पर ली जा सकता है |

Syntax

var obj_name = {

prop_name1:prop_val1,

prop_name2:prop_val2,

....,

prop_name n:prope_val n

};

Example

Object Literal को curly braces के अन्दर लिखा जाता है | हर property और value को colon(:) से separate किया जाता है और हर property और value की pair को comma(,) से separate किया जाता है |

Source Code 

<script type="text/javascript">

//var emp = {id:1, name:"Manish", salary:28000.50};

//OR

var emp = {

id : 1, 

name : "Manish",

salary : 28000.50

};

document.write("Employee id : " + emp.id + "<br />");

document.write("Employee Name : " + emp.name + "<br />");

document.write("Employee Salary : " + emp.salary + "<br />");

</script>

Employee id : 1

Employee Name : Manish

Employee Salary : 28000.5

2. Using new Keyword

new Keyword के साथ Object को create किया जाता है |

Syntax for Creating Object using 'new' Keyword

var obj_name = new Object();

Example

Source Code 

<script type="text/javascript">

var emp = new Object();

emp.id = 1; 

emp.name = "Astha";

emp.salary = 38000.50;

document.write("Employee id : " + emp.id + "<br />");

document.write("Employee Name : " + emp.name + "<br />");

document.write("Employee Salary : " + emp.salary + "<br />");

</script>

Output

Employee id : 1

Employee Name : Astha

Employee Salary : 28000.5

3. Using Object Constructor

Object Constructor में function और उनके paramters की जरुरत पड़ती है | this keyword; current object का संदर्भ देता है | यहाँ पर this keyword से हर एक parameter की value current object assign की जाएगी | Object Constructor के माध्यम से संक्षिप्त रूप में एक से ज्यादा Objects को create किया जाता है |

Source Code 

<script type="text/javascript">

function emp(id, name, salary){

this.id = id;

this.name = name;

this.salary = salary;

}

var emp1 = new emp(1, "Komal", 28000.50);

var emp2 = new emp(2, "Gaurav", 29000.75);

document.write("Employee 1 <br />");

document.write("Employee 1 id : " + emp1.id + "<br />");

document.write("Employee 1 Name : " + emp1.name + "<br />");

document.write("Employee 1 Salary : " + emp1.salary + "<br /><br />");

document.write("Employee 2 <br />");

document.write("Employee 2 id : " + emp2.id + "<br />");

document.write("Employee 2 Name : " + emp2.name + "<br />");

document.write("Employee 2 Salary : " + emp2.salary);

</script>

Output

Employee 1 

Employee 1 id : 1

Employee 1 Name : Rakesh

Employee 1 Salary : 28000.5

Employee 2

Employee 2 id : 2

Employee 2 Name : Mukesh

Employee 2 Salary : 29000.75

JAVASCRIPT | FUNCTION

C Function ये statements का एक समूह होता है | Function को script में लिखा जाता है | जहाँ पर Function की जरुरत होती है वहाँ पर Function call किया जाता है |

Function के फायदे

  1. Function में लिखा हुआ code बार-बार लिखना नहीं पड़ता |
  2. Function Programmer का समय और script की space बचाता है |
  3. बड़े script को छोटे-छोटे function में विभाजित किया जा सकता है |
  4. अगर script में कहा पर error आ जाए तो उसे आसानी से निकाला जा सकता है |
  5. जहाँ पर जरुरत हो वहाँ पर एक ही function को बार-बार call किया जा सकता है |

Function कैसा होता है ?

Function का एक विशिष्ट नाम होता है | Function की शुरुआत में उसका नाम बाद में दो parethesis () और function के statements दो curly braces {} होते है |

Function Definition

Function को इस्तेमाल करने से पहले उसकी definition लिखी जाती है | Javascript में अगर Function को create करना हो तो 'function' keyword का इस्तेमाल किया जाता है |

Syntax 

function function_name(paramters_list){

statement(s);

}

यहाँ पर function को create करने के लिए 3 चीजे महत्वपूर्ण होती है |

1. function_name : function को create करने के लिए 'function' keyword का इस्तेमाल किया जाता है | Function का नाम कोई Javascript का keyword नहीं हो सकता | Function का नाम statement से सम्बंधित हो तो अच्छा रहता है |

2. paramters_list : Function without parameter(s) के भी हो सकते है | चाहे तो function को parameter(s) भी pass किये जाते है |ये parameter(s) function_name के बाद parenthesis() के अन्दर लिखे जाते है |

3. statement(s) : जो statements बार-बार इस्तेमाल होनेवाले है वो statements यहाँ पर लिखे जाते है |

Example for Function Definition

function func(){

document.write("Welcome to Sunrise Computer");

}

Function Calling

script में कहा भी function को call किया जाता है | सिर्फ function defined होना जरुरी है |

Source Code

<script type="text/javascript">

function func(){       //function definition

document.write("Welcome to Sunrise Computer");

}

func();  //function calling

</script>

Output :

Welcome to Sunrise Computer

Note :- यहाँ पर function का नाम 'func' है | यहाँ पर कोई parameter pass नहीं किया गया और वहा पर curly braces({}) में statement दिया गया है | जबतक उसे call नहीं किया जाता तब तक उसकी definition invoke नहीं होती |

Calling Function with Event

Javascript Event में भी function को call किया जाता है |

Source Code 

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">

function func(){       //function definition

document.write("Welcome to Sunrise Computer");

}

</script>

</head>

<body>

<form>

<input type="button" onclick="func()" value="Click me" />

</body>

</html>

Output

CLICK ME //This Button is work on web browser


For Any Doubt Clear on Telegram Discussion Group

Join Us On Social Media

For Any Query WhatsApp Now

Comments

Post a Comment

Popular posts from this blog

Javascript | Introduction / Syntax / External JS / Comment By. Shivansh Sir

JAVASCRIPT JAVASCRIPT | INTRODUCTION Javascript ये Language एक client-side Language है जिसका इस्तेमाल HTML(HyperText Markup Language) के साथ किया जाता है | Javascript ये Language lighted Language है | Javascript Language का अविष्कार 'Brendan Eich' ने 1995 में किया | ये langauge 'Java' Programming Language से प्रेरित है | Javascript का पहला नाम 'Marc Andreessen' ने 'Mocha' रखा था | 'Marc Andreessen' ये Netscape के Founder है और उसी साल में उसका नाम 'Livescript' रखा गया और बाद में December 1995 ने Sun Microsystem द्वारा उसका नाम 'Javascript' रखा गया | Javascript Language का इस्तेमाल Web-Development के लिए HTML के साथ किया जाता है | HTML के बिना Javascript का इस्तेमाल नहीं किया जा सकता | Javascript का code एक normal web browser पर run किया जा सकता है | Javascript का code Run करने के लिए Web Browser का Javascript Enable करना पड़ता है | कुछ Browsers में Javascript पहले से ही enabled होता है | JAVASCRIPT |  FEATURES जावास्क्रिप्ट लगभग ह...
Read more

Javascript | Javascript Operators & It's Types By. Shivansh Sir

JAVASCRIPT   JAVASCRIPT | OPERATOR | ARITHMETIC OPERATOR Addition(+)  Operands को add करने के लिए Addition Arithmetic Operator का इस्तेमाल किया जाता है | Source Code <script type="text/javascript"> var a = 6, b = 3, c; c = a + b; document.write("Value of c is " + c); </script> Output Value of c is 9 Subtraction(-) Operands को subtract करने के लिए Subtraction Arithmetic Operator का इस्तेमाल किया जाता है | Source Code <script type="text/javascript"> var a = 6, b = 3, c; c = a - b; document.write("Value of c is " + c); </script> Output Value of c is 3 Multiplication(*) Operands को multiply करने के लिए Multiplication Arithmetic Operator का इस्तेमाल किया जाता है | Source Code <script type="text/javascript"> var a = 6, b = 3, c; c = a * b; document.write("Value of c is " + c); </script> Output Value of c is 18 Division(/) Operands को divide करने के लिए Division Arithmetic Operator का इस्तेमाल किया...
Read more

Javascript | Control Statement & It's Types By. Shivansh Sir

  JAVASCRIPT   JAVASCRIPT |  CONTROL STATEMENT |   IF STATEMENT If Statement में जब condition 'true' होती है तब if statement execute होता है |अगर condition false होती है तो statement execute नहीं होता | Syntax if(condition){ //if statement(s); } Source Code : <script type="text/javascript"> var a = 10, b = 15; if(a < b){ document.write("a is less than b"); } </script> Output a is less than b. JAVASCRIPT |  CONTROL STATEMENT |   IF ELSE STATEMENT if_else Statement में जब condition 'true' होती है तब if का statement execute होता है अगर condition 'false' होती है तो else का statement execute होता है | Syntax  if(condition){ //if statement(s); }else{ //else statement(s); } Source Code <script type="text/javascript"> var a = 10, b = 15; if(a > b){ document.write("a is greater than b"); } else{ document.write("a is not greater than b"); } </script> Output a is not greater than b....
Read more