Thursday, 18 June 2020

Arrays in JavaScript – concepts, types and usage.

Arrays in JavaScript – concepts, types
and usage.

Arrays in JavaScript – concepts, types
and usage.

JavaScript मे Array एक Special Variable होता है. Javascript Arrays मे आप एक या एक से ज्यादा Value को एक ही समय मे Add कर सकते है.

 

JavaScript मे Array को एक Unit या लगातार Memory Location मे Elements के Group को Represent करने के लिए उपयोग किया जाता है. प्रत्येक Elements जो आप Array मे Enter करते हो वह Zero से Start होने वाले Unique Number के साथ Array मे Stored किया जाता है.

JavaScript मे Arrays का उपयोग एक Single Variable मे एक से अधिक Value को Store करने के लिये किया जाता है. Array एक ही प्रकार के Elements को एक Fixed Size मे Sequential के रूप मे Store करता है.

 

उदाहरण के लिए यदि आप कुछ समय मे किसी User की Location को Track करना चाहते है तो आप एक Array मे X और y Value को Included कर सकते है Array x और y के Examples की तुलना मे अधिक है Indexed के माध्यम से आप Data या Elements को Array मे Stored कर सकते है या और आप Elements को Array से प्राप्त कर सकते है.

Example

<!DOCTYPE html>

<html>

<body>

 

<h2>JavaScript Arrays</h2>

 

<p id="demo"></p>

 

<script>

var fruits = ["Apricot", "Banana", "Blueberry"];

document.getElementById("demo").innerHTML = fruits;

</script>

 

</body>

</html>

Result

JavaScript Arrays

Apricot,Banana,Blueberry

Creating an Array

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

Syntax for Creating Array

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

Example for Creating Array

var names = ["Rakesh", "Mukesh", "Rakesh"];

Accessing Array By index

Array के पहले element का index 0 होता है और आखिरी element array की length-1 होता है |

Source Code :

Rakesh
Mukesh
Ramesh

Output :

Rakesh

Mukesh

Ramesh

Ramesh



Length of Array

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

Source Code :

3Last Element of Array : Ramesh

Output :

3

Last Element of Array : Ramesh



Change Array Element's Value

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

Source Code :

Before changing Value : Rakesh
After changing Value : Kamalesh

Output :

Before Changing Value : Rakesh

After Changing Value : Kamalesh



Array Length Property

Array की length ये बहुत ही महत्वपूर्ण property है |

Source Code :

3

Output :

3



Accessing Array elements by For Loop

Source Code :

Rakesh
Mukesh
Ramesh

Output :

Rakesh

Mukesh

Ramesh



Accessing Array By 'for..of' Loop

Source Code :

Rakesh
Mukesh
Ramesh

Output :

Rakesh

Mukesh

Ramesh



Accessing Array By 'for..in' Loop

Source Code :

Rakesh
Mukesh
Ramesh

Output :

Rakesh

Mukesh

Ramesh




Array Object

Source Code :

object
1,2,3

Output :

object

1,2,3



Array Constructor

Source Code :

1,2,3,4

Output :

1,2,3,4



Associative Array

Array में index को विशिष्ट नाम देना ही Associative Array होता है |

Associative Array में 'key' और 'value' की pair होती है |

Creating Associative Array

Associative Array को curly braces({}) के अन्दर keys और values की pairs में लिखा जाता है |

For Example,

H : 1
e : 2
l : 4
o : 5

Output :

H : 1

e : 2

l : 4

o : 5



Accessing Associative Array's Values using Keys

Source Code :

1
4

Output :

1

4



Creating Associative Array Object

new keyword के साथ भी associative array को cretae किया जाता है |

Source Code :

H : 1
e : 2
l : 4
o : 5

Output :

H : 1

e : 2

l : 4

o : 5



Creating Associative Array Object

Object के attributes भी associative array की keys होती है |

Source Code :

H : 1
e : 2
l : 4
o : 5

Output :

H : 1

e : 2

l : 4

o : 5



Javascript Array Methods and Description

Array Methods

Description

concat()

दिए हुए एक या एक से ज्यादा arrays को जोड़ा जाता है |

copyWith()

array के elements दुसरे index पर copy किये जाते है |

entries()

method पर array की keys और उसकी values की pairs उपलब्ध होती है |

every()

दिए हुए function से हर एक array के element को check करके boolean value return करता है |

fill()

दिए गए value से array के elememts को fill किया जाता है |

filter()

दिए हुए function के statement से related अगर कोई पहला index find होता है तो उसकी value return होती है |

find()

दिए हुए function के statement से related अगर कोई पहला index find होता है तो उसकी value return होती है |

forEach()

हर एक array element के लिए function execute किया जाता है |

includes()

array element है या नहीं ये boolea value में return करता है |

indexOf()

array element का index return किया जाता है |

join()

दिए हुए seperator से हर element को seperate किया जाता है

keys()

दिए हुए array के elements की keys दिखाता है |

lastIndexOf()

दिए हुए element का last index return किया जाता है |

pop()

array के last element को array से remove करके return किया जाता है |

push()

end पर एक या एक से ज्यादा elements को जोड़ा जाता है और उसके बाद array की length return करता है |

reverse()

दिए हुए array के elements को reverse किया जाता है |

shift()

array के शुरुआत के element को remove किया जाता है |

slice()

start और end index से नए array को return किया जाता है |

some()

function के statement से related; boolean value को return करता है |

sort()

alphabet और numeric array को sort किया जाता है |

splice()

Array में elements add,remove किये जाते है |

toSource()

दिए हुए array का source code; return किया जाता है |

toString()

Array को String में convert किया जाता है |

unshift()

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

 

No comments:

Post a Comment

Please Do Not Enter Any Spam Link in the comment Box.