JAVASCRIPT- Functions and Array

Paper 2-Internet &Web design

Unit I
Unit II
Unit III
Unit IV
Unit V

Back
Internet-Unit-3
Next

Function

Function code का एक समूह (block of code) होता है, जिसे किसी विशेष कार्य (task) को पूरा करने के लिए बनाया जाता है।
Function का उपयोग करने से एक ही code को बार-बार लिखने की आवश्यकता नहीं होती। आवश्यकता पड़ने पर function को call किया जाता है।

Functions सामान्यतः कोई value return कर सकते हैं।

JavaScript में मुख्य रूप से दो प्रकार के Functions होते हैं –

  1. Built-in Functions
  2. User-defined Functions

Built-in Functions

जो functions JavaScript में पहले से उपलब्ध होते हैं, उन्हें Built-in Functions कहा जाता है।

उदाहरण –
eval(), parseInt(), parseFloat() आदि।

User-defined Functions

जो functions programmer अपनी आवश्यकता के अनुसार स्वयं बनाता है, उन्हें User-defined Functions कहा जाता है।

User-defined Function का उपयोग करने से पहले उसकी definition लिखी जाती है।

Function Defining

JavaScript में Function बनाने के लिए मुख्य रूप से तीन चीजों की आवश्यकता होती है –

  • function keyword
  • Function का नाम
  • Parentheses () के अंदर parameter list

Function Name

Function का नाम कोई JavaScript keyword नहीं होना चाहिए।

Function के नाम लिखने के नियम variable के नाम जैसे ही होते हैं। इसमें letters, digits, underscore _ तथा dollar sign $ का उपयोग किया जा सकता है।

Function का नाम उसके कार्य (task) से संबंधित होना चाहिए, ताकि program को समझना आसान हो।

Parameters List

Function बिना parameters/arguments के भी हो सकता है।

यदि आवश्यक हो, तो comma ( , ) लगाकर एक से अधिक parameters भी दिए जा सकते हैं।

Parameters को function name के बाद parentheses () के अंदर लिखा जाता है।

Syntax

function function_name(parameter1, parameter2, parameter3) {
   // code to be executed
}

Statements

जो statements बार-बार उपयोग किए जाते हैं, उन्हें function के अंदर लिखा जाता है।

General Syntax

function function_name(parameters_list) {
   statement(s);
}

Function Calling

प्रोग्राम में किसी Function का उपयोग करने के लिए उसे call करना आवश्यक होता है।
जब किसी function को call किया जाता है, तब function की body में लिखे गए statements execute हो जाते हैं।

Function को निम्न प्रकार से call किया जा सकता है –

  • किसी event जैसे mouse click द्वारा
  • JavaScript code के द्वारा
  • Automatically (स्वतः) program execution के दौरान

Example

<script>
function arun() {   // Function Definition
   document.write("Hello Arun Computer");
}
arun();   // Function Calling
</script>

उपरोक्त उदाहरण में arun() एक user-defined function है।
जब arun() function को call किया जाता है, तब "Hello Arun Computer" output के रूप में प्रदर्शित होता है।

Function Example

<!DOCTYPE html>
    <html>
        <head>
           <script>
               function func() {   // Function Definition
               document.write("Hello Arun Computer");
               }
           </script>
        </head>
        <body>
           <form>
                <input type="button" onclick="func()" value="Click Me">
           </form>
        </body>
  </html>

Return Statement

return statement Function के लिए optional होता है।
यह सामान्यतः function के अंतिम भाग में लिखा जाता है।

जब JavaScript return statement पर पहुँचती है, तब function का execution बंद हो जाता है।

यदि return keyword के साथ कोई value नहीं दी जाती, तो function undefined return करता है।

Function द्वारा return की गई value, function को call करने वाले स्थान पर वापस भेज दी जाती है।

Example

<!DOCTYPE html>
    <html>
       <body>
          <h2>JavaScript Functions</h2>
          <p>
             This example calls a function which performs a calculation and returns the result:
          </p>
         <script>
                var x = myFunction(4, 4);
                document.write(x);
                function myFunction(a, b) {
                return a * b;
                }
        </script>
    </body>
</html>

उपरोक्त उदाहरण में myFunction() दो numbers का multiplication करता है तथा उसका result return statement द्वारा वापस भेजता है।

Array

JavaScript में किसी variable में एक से अधिक values को store करने के लिए Array का उपयोग किया जाता है।

Array एक special variable होता है, जिसमें कई values को एक साथ रखा जा सकता है।

Example

<script>
       var arr = [1, 2, 3, 4];
       document.write(arr);
</script>

कई programming languages में Array के सभी elements समान data type के होते हैं, लेकिन JavaScript में Array के elements विभिन्न data types के भी हो सकते हैं।

Example

<script>
var arr = ["Maruti", "Fiat", "Ambassador", "Honda", 4, 5, 6];
document.write(arr);
</script>

Creating an Array

JavaScript में Array create करने के लिए square brackets [ ] का उपयोग किया जाता है, जिनके अंदर multiple values लिखी जाती हैं।

Syntax

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

Accessing Array by Index

Array के प्रत्येक element का एक index number होता है।

  • पहले element का index 0 होता है।
  • अंतिम element का index array length - 1 होता है।

Array के elements को उनके index number की सहायता से access किया जाता है।

Example

<script>
        var names = ["Rakesh", "Mukesh", "Ramesh"];
        document.write(names[0] + " ");
        document.write(names[1] + " ");
        document.write(names[2] + " ");
</script>

उपरोक्त उदाहरण में names[0], names[1] तथा names[2] द्वारा Array के elements को access किया गया है।

Associative Array

कई programming languages ऐसे arrays को support करती हैं, जिनमें named indexes का उपयोग किया जाता है। ऐसे arrays को Associative Arrays या Hashes कहा जाता है।

JavaScript में वास्तविक रूप से Associative Arrays का support नहीं होता।

JavaScript Arrays हमेशा numbered indexes का उपयोग करते हैं, जैसे – 0, 1, 2 आदि।

Important Points

JavaScript Arrays में अलग-अलग data types के elements रखे जा सकते हैं।
JavaScript Arrays हमेशा numbered indexes का उपयोग करते हैं, जैसे 0, 1, 2 आदि।

Function code reuse के लिए उपयोग किया जाता है।

JavaScript में Functions Built-in तथा User-defined दोनों प्रकार के होते हैं।

return statement function से value वापस भेजता है।

Array में multiple values store की जा सकती हैं।

Back
Next
error: Content is protected !!