CoderFunda
  • Home
  • About us
    • Contact Us
    • Disclaimer
    • Privacy Policy
    • About us
  • Home
  • Php
  • HTML
  • CSS
  • JavaScript
    • JavaScript
    • Jquery
    • JqueryUI
    • Stock
  • SQL
  • Vue.Js
  • Python
  • Wordpress
  • C++
    • C++
    • C
  • Laravel
    • Laravel
      • Overview
      • Namespaces
      • Middleware
      • Routing
      • Configuration
      • Application Structure
      • Installation
    • Overview
  • DBMS
    • DBMS
      • PL/SQL
      • SQLite
      • MongoDB
      • Cassandra
      • MySQL
      • Oracle
      • CouchDB
      • Neo4j
      • DB2
      • Quiz
    • Overview
  • Entertainment
    • TV Series Update
    • Movie Review
    • Movie Review
  • More
    • Vue. Js
    • Php Question
    • Php Interview Question
    • Laravel Interview Question
    • SQL Interview Question
    • IAS Interview Question
    • PCS Interview Question
    • Technology
    • Other

04 January, 2019

Introduction to JavaScript Arrays

 Programing Coderfunda     January 04, 2019     JavaScript, JavaScript Arrays     No comments   

JavaScript Arrays in Hindi
Arrays एक ही तरह की values का collection होता है। एक तरह की value से मतलब है या तो केवल strings या केवल integers या फिर floating point numbers आदि। Arrays को बहुत सारे variables create करने के problem से बचने के लिए यूज़ किया जाता हैं।

जैसे की यदि आप 200 employees के नाम store करना चाहते है तो उसके लिए आपको 200 variables create करने की जरुरत नहीं है। आप एक array create कर सकते है जिसमे 200 नाम store किये जा सकते है। ऐसा करने से programmers का time बचता है। 

Array का हर element uniquely identify किया जा सकता है। Array values को indexing के द्वारा store करता है। लेकिन ये बात हमेशा याद रखे की array की index zero से शुरू होती है। इसलिए उपर बताये गए example में पहला नाम 0 index पर और आखिर नाम 199 index पर होगा। Array की किसी भी value को आप array के नाम और उसके index number के द्वारा access कर सकते है।

आपको ये बात भी हमेशा याद रखनी चाहिए की JavaScript में arrays object है। इसलिए आप इनको new keyword के द्वारा create करते है। हालाँकि JavaScript आपको directly values put करने का option भी provide करती है लेकिन तब भी JavaScript में arrays objects ही रहते है।

Creating JavaScript Arrays 

JavaScript में arrays 2 तरह से create किये जा सकते है। ये दोनों ही तरीके अलग अलग situation के according यूज़ किये जा सकते है।
  • Directly  - इस तरीके में आप array create करने के साथ ही value भी डालते है। ये array create करने का combined तरीका है।        
  • With new keyword - इस तरीके में आप array को object की तरह create करते है। इस तरीके में पहले array create किया जाता है और बाद में values डाली जा सकती है। आप चाहे तो साथ में ही values डाल सकते है इसके लिए आप array object का constructor यूज़ करते है।   
दोनों ही तरीके अलग अलग situations में need के according यूज़ किये जा सकते है। इनके बारे में नीचे  दिया जा रहा है।

Directly (Combined Way)

इस तरीके में array create करना बहुत ही simple है। इसका structure नीचे दिया जा रहा है। 
var array_Name = [value1,value2,.....valueN]; 
   
इस तरीके में var keyword के बाद array का नाम लिखा जाता है। Array का नाम unique होना चाहिए। Array के नाम के बाद assignment operator लगा कर angular brackets में array की values दी जाती है। Values को comma से separate किया जाता है।

इसका उदाहरण नीचे दिया जा रहा है।
<!-- javascriptArrayDemo.html -->

<html>
<head>
<title>Javascript array demo</title>
</head>
<body>

<script type="text/javascript">
// Array declaration 
var empName = ["Sam","Sally","Tina","Raghav","John"];
// Printing array elements
for(i=0;i<5;i++)
{
     document.write(empName[i],"\n");
}
</script>

</body>
</html> 

ऊपर दी गयी script निचे दिया गया web page generate करती है।

With New Keyword 

इस तरीके से array create करने के लिए आप new keyword यूज़ करते है। ये कोई object create करने जैसा ही है। इसका structure नीचे दिया जा रहा है। 
var array_Name = new Array();
array_Name[0] = value1;
array_Name[1] = value2;
...
...
array_Name[n] = valueN;
यदि आप values भी साथ में ही डालना चाहते है तो आप निचे दिए गए structure से array create कर सकते है।
var array_Name = new Array(value1, value2);

उपर वाले तरीके में पहले array create किया गया है उसके बाद index numbers के द्वारा values दी गई है। नीचे  वाले तरीके में Array object के constructor के द्वारा values put की गई है। ये values constructor automatically index numbers को assign कर देता है।

इसका उदाहरण नीचे दिया जा रहा है। 
<!-- arrayNewKeywordDemo.html -->

<html>
<head>
<title>Javascript new keyword demo</title>
</head>
<body>

<script type="text/javascript">
// Array declaration using new keyword
var empName = new Array("Angelina","Sam");
// Printing array elements
for(i=0;i<2;i++)
{
    document.write(empName[i]);
}
</script>

</body>
</html>      

ऊपर दी गयी script निचे दिया गया webpage generate करती है।

JavaScript Arrays Length Property

JavaScript आपको array object के साथ length property provide करती है। ये property आपके array की length hold करती है। इस property को access करने का structure नीचे दिया गया है। 
array_Name.length;
   
आप चाहे तो इस property को loop control करने के लिए यूज़ कर सकते है। इसका उदाहरण नीचे दिया जा रहा है। 
<script type="text/javascript">
var empAge = new Array(24,42,22,55,23,30);

// Displaying length of array 
document.write("Length of array is "+empAge.length);

// Iterating loop upto array length
for(var i=0;i<empAge.length;i++)
{
    document.write(empAge[i]);
}
</script> a


  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg
Email ThisBlogThis!Share to XShare to Facebook
Newer Post Older Post Home

0 comments:

Post a Comment

Thanks

Meta

Popular Posts

  • Generate Migrations from an Existing Database With the Migration Generator Package
    Laravel Migration Generator Migration Generator for Laravel is a package by Bennett Treptow to generate migrations from existing database ...
  • Tailwindcss best practices for responsive design
    Tailwind CSS provides powerful utilities for responsive design out of the box. To use it effectively and maintain clean, scalable code, here...
  • Search Through Models with Laravel Searchable
      Laravel Searchable   is a package by   Spatie   to search through models and other sources pragmatically. Using this package, you can get ...
  • Laravel Razorpay Integration | Payment gateway integration Laravel in 30 mins | Laravel Razorpay
    1 Integration of Razorpay with Laravel. In this tutorial, I have taught how to integrate payment gateway with laravel with mini-project. If...
  • Vue.js Render functions
        Vue.js Render functions Vue.js recommends us to use templates to build HTML. Here, we can use the render function as a closer-to-the-co...

Categories

  • Ajax (26)
  • Bootstrap (30)
  • DBMS (42)
  • HTML (12)
  • HTML5 (45)
  • JavaScript (10)
  • Jquery (34)
  • Jquery UI (2)
  • JqueryUI (32)
  • Laravel (1017)
  • Laravel Tutorials (23)
  • Laravel-Question (6)
  • Magento (9)
  • Magento 2 (95)
  • MariaDB (1)
  • MySql Tutorial (2)
  • PHP-Interview-Questions (3)
  • Php Question (13)
  • Python (36)
  • RDBMS (13)
  • SQL Tutorial (79)
  • Vue.js Tutorial (69)
  • Wordpress (150)
  • Wordpress Theme (3)
  • codeigniter (108)
  • oops (4)
  • php (853)

Social Media Links

  • Follow on Twitter
  • Like on Facebook
  • Subscribe on Youtube
  • Follow on Instagram

Pages

  • Home
  • Contact Us
  • Privacy Policy
  • About us

Blog Archive

  • ►  2026 (3)
    • ►  07/26 - 08/02 (2)
    • ►  06/28 - 07/05 (1)
  • ►  2025 (4)
    • ►  07/06 - 07/13 (2)
    • ►  06/29 - 07/06 (2)
  • ►  2024 (486)
    • ►  09/15 - 09/22 (30)
    • ►  09/08 - 09/15 (35)
    • ►  09/01 - 09/08 (35)
    • ►  08/11 - 08/18 (2)
    • ►  08/04 - 08/11 (33)
    • ►  07/28 - 08/04 (30)
    • ►  07/07 - 07/14 (11)
    • ►  06/30 - 07/07 (35)
    • ►  06/23 - 06/30 (5)
    • ►  06/02 - 06/09 (31)
    • ►  05/26 - 06/02 (20)
    • ►  05/05 - 05/12 (29)
    • ►  04/28 - 05/05 (26)
    • ►  04/07 - 04/14 (10)
    • ►  03/31 - 04/07 (34)
    • ►  03/24 - 03/31 (10)
    • ►  03/03 - 03/10 (35)
    • ►  02/25 - 03/03 (15)
    • ►  02/04 - 02/11 (22)
    • ►  01/28 - 02/04 (30)
    • ►  01/07 - 01/14 (8)
  • ►  2023 (484)
    • ►  12/31 - 01/07 (35)
    • ►  12/24 - 12/31 (10)
    • ►  12/03 - 12/10 (33)
    • ►  11/26 - 12/03 (20)
    • ►  11/05 - 11/12 (35)
    • ►  10/29 - 11/05 (20)
    • ►  10/22 - 10/29 (9)
    • ►  10/15 - 10/22 (7)
    • ►  10/08 - 10/15 (9)
    • ►  10/01 - 10/08 (10)
    • ►  09/24 - 10/01 (9)
    • ►  09/17 - 09/24 (9)
    • ►  09/10 - 09/17 (7)
    • ►  09/03 - 09/10 (9)
    • ►  08/27 - 09/03 (9)
    • ►  08/20 - 08/27 (8)
    • ►  08/13 - 08/20 (8)
    • ►  08/06 - 08/13 (8)
    • ►  07/30 - 08/06 (8)
    • ►  07/23 - 07/30 (7)
    • ►  07/16 - 07/23 (8)
    • ►  07/09 - 07/16 (7)
    • ►  07/02 - 07/09 (8)
    • ►  06/25 - 07/02 (7)
    • ►  06/18 - 06/25 (7)
    • ►  06/11 - 06/18 (7)
    • ►  06/04 - 06/11 (11)
    • ►  05/28 - 06/04 (7)
    • ►  05/21 - 05/28 (8)
    • ►  05/14 - 05/21 (11)
    • ►  05/07 - 05/14 (7)
    • ►  04/30 - 05/07 (7)
    • ►  04/23 - 04/30 (8)
    • ►  04/16 - 04/23 (9)
    • ►  04/09 - 04/16 (7)
    • ►  04/02 - 04/09 (4)
    • ►  03/26 - 04/02 (21)
    • ►  03/19 - 03/26 (2)
    • ►  03/12 - 03/19 (9)
    • ►  03/05 - 03/12 (26)
    • ►  02/26 - 03/05 (25)
    • ►  01/15 - 01/22 (7)
    • ►  01/08 - 01/15 (1)
  • ►  2022 (1037)
    • ►  12/11 - 12/18 (13)
    • ►  12/04 - 12/11 (1)
    • ►  11/27 - 12/04 (40)
    • ►  11/06 - 11/13 (1)
    • ►  10/16 - 10/23 (13)
    • ►  09/04 - 09/11 (5)
    • ►  08/21 - 08/28 (24)
    • ►  08/14 - 08/21 (24)
    • ►  07/03 - 07/10 (9)
    • ►  06/19 - 06/26 (3)
    • ►  05/29 - 06/05 (3)
    • ►  05/22 - 05/29 (3)
    • ►  05/15 - 05/22 (109)
    • ►  05/01 - 05/08 (7)
    • ►  04/24 - 05/01 (7)
    • ►  04/17 - 04/24 (64)
    • ►  04/10 - 04/17 (115)
    • ►  04/03 - 04/10 (73)
    • ►  03/27 - 04/03 (77)
    • ►  03/13 - 03/20 (2)
    • ►  03/06 - 03/13 (25)
    • ►  02/27 - 03/06 (18)
    • ►  02/20 - 02/27 (153)
    • ►  02/13 - 02/20 (187)
    • ►  01/30 - 02/06 (45)
    • ►  01/23 - 01/30 (15)
    • ►  01/16 - 01/23 (1)
  • ►  2021 (412)
    • ►  10/24 - 10/31 (2)
    • ►  07/25 - 08/01 (1)
    • ►  07/11 - 07/18 (10)
    • ►  06/13 - 06/20 (29)
    • ►  05/23 - 05/30 (1)
    • ►  05/02 - 05/09 (24)
    • ►  04/25 - 05/02 (24)
    • ►  04/18 - 04/25 (112)
    • ►  04/11 - 04/18 (1)
    • ►  04/04 - 04/11 (6)
    • ►  03/28 - 04/04 (86)
    • ►  03/21 - 03/28 (19)
    • ►  03/14 - 03/21 (2)
    • ►  03/07 - 03/14 (10)
    • ►  02/28 - 03/07 (1)
    • ►  02/21 - 02/28 (29)
    • ►  02/14 - 02/21 (13)
    • ►  02/07 - 02/14 (12)
    • ►  01/31 - 02/07 (6)
    • ►  01/17 - 01/24 (2)
    • ►  01/10 - 01/17 (8)
    • ►  01/03 - 01/10 (14)
  • ►  2020 (376)
    • ►  12/27 - 01/03 (37)
    • ►  12/20 - 12/27 (92)
    • ►  12/13 - 12/20 (29)
    • ►  12/06 - 12/13 (37)
    • ►  11/29 - 12/06 (4)
    • ►  11/15 - 11/22 (14)
    • ►  11/08 - 11/15 (8)
    • ►  11/01 - 11/08 (2)
    • ►  10/18 - 10/25 (14)
    • ►  10/11 - 10/18 (16)
    • ►  10/04 - 10/11 (10)
    • ►  09/20 - 09/27 (10)
    • ►  09/06 - 09/13 (19)
    • ►  08/30 - 09/06 (26)
    • ►  08/23 - 08/30 (4)
    • ►  08/16 - 08/23 (2)
    • ►  07/12 - 07/19 (48)
    • ►  05/17 - 05/24 (2)
    • ►  01/05 - 01/12 (2)
  • ►  2019 (74)
    • ►  07/07 - 07/14 (6)
    • ►  06/16 - 06/23 (6)
    • ►  02/10 - 02/17 (17)
    • ►  01/13 - 01/20 (37)
    • ►  01/06 - 01/13 (8)
  • ▼  2018 (376)
    • ▼  12/30 - 01/06 (24)
      • Introduction to JavaScript Functions
      • Introduction to JavaScript Strings
      • Introduction to JavaScript Arrays
      • Introduction to JavaScript Control Statements
      • JavaScript Operators
      • JavaScript Variables
      • JavaScript Syntax
      • JavaScript Introduction
      • JqueryUI - Sortable, Jquery
      • JqueryUI - Sortable, Jquery
      • JqueryUI - Selectable
      • JqueryUI - Selectable
      • JqueryUI - Resizable
      • JqueryUI - Resizable
      • JqueryUI - Droppable
      • JqueryUI - Droppable
      • JqueryUI - Draggable
      • JqueryUI - Draggable
      • JqueryUI - Environment Setup
      • JqueryUI - Environment Setup
      • JqueryUI - Overview
      • JqueryUI - Overview
      • JqueryUI Tutorial
      • JqueryUI Tutorial
    • ►  12/16 - 12/23 (8)
    • ►  12/09 - 12/16 (98)
    • ►  12/02 - 12/09 (16)
    • ►  11/18 - 11/25 (36)
    • ►  11/04 - 11/11 (18)
    • ►  10/28 - 11/04 (10)
    • ►  10/21 - 10/28 (26)
    • ►  10/14 - 10/21 (52)
    • ►  10/07 - 10/14 (4)
    • ►  09/30 - 10/07 (2)
    • ►  09/23 - 09/30 (68)
    • ►  09/16 - 09/23 (4)
    • ►  09/09 - 09/16 (4)
    • ►  08/26 - 09/02 (6)

Data Publish News

Loading...

Al Jazeera – Breaking News, World News and Video from Al Jazeera

Loading...

Laravel News

Loading...

Copyright © CoderFunda | Powered by Blogger
Design by Coderfunda | Blogger Theme by Coderfunda | Distributed By Coderfunda