Massiivi tutvustus JavaScriptis

Nagu me teame, võimaldavad objektid salvestada võtmetega väärtuskogusid. Kuid mõnikord vajame tellitud kollektsiooni, kus peame hoidma 1., 2., 3. elementi ja palju muud. Näiteks kaaluge, et peame salvestama loetelu millestki: kasutajate andmed, kaubaandmed ja palju muud. Siin ei ole kohane objekti kasutada, kuna see ei paku elementide järjekorra haldamiseks meetodeid. Objekte ei looda selliseks kasutamiseks. Tellitud kogude salvestamiseks on olemas spetsiaalne andmestruktuur nimega Array. Massiivid JavaScriptis võimaldavad salvestada mitut väärtust ühte muutujasse. See salvestab sama tüüpi elementide kogumi järjestikuse kindla suurusega.

Infokomplekti salvestamiseks kasutatakse JavaScripti massiive, kuid sageli on see abiks sama tüüpi muutujate komplekti hoidmisel. Massiiv on JavaScriptis üks muutuja, mida kasutatakse mitmesuguste elementide talletamiseks. Kui tahame elementide loendit talletada ja neile ühe muutuja kaudu juurde pääseda, kasutatakse seda sageli. Erinevalt paljudest muudest keeltest, kus massiiv on mitmesuguste muutujate viide, on JavaScripti massiivis üks element, mis salvestab mitmesuguseid elemente. Objekt Massiivid JavaScriptis on globaalne objekt, mida kasutatakse massiivi moodustamisel; mis on kõrgetasemelised loenditaolised objektid.

Kuidas massiiv JavaScriptis töötab?

Massiivid JavaScriptis on viis elementide salvestamiseks mällu ühte muutujasse. Selle indeksi järgi pääseb elementide juurde massiivi. Massiivi indeks algab nulliga. Javascripti massiivid on nullipõhised, st esimese elemendi indeks on 0. See on väga oluline, kuna see tähendab, et alati eksisteerib ühe ühiku nihke: esimese elemendi indeks on 0 ja teise elemendi indeks on 1 jne.

Kuidas luua massiive JavaScriptis (näide)?

Objektmassiiv võimaldab salvestada erinevaid väärtusi ühte muutujasse. See salvestab sama tüüpi elementide järjestikuse kindla suurusega kollektsiooni. Kogumikomplekti salvestamiseks kasutatakse massiivi, kuid sageli on kasulikum käsitleda massiivi sama tüüpi muutujate kogumina. Otseses märkmike massiivis on massiivide loomine JavaScriptis lihtne. See koosneb kahest nurksuljest, mis ümbritsevad komadega eraldatud massiivi elemente. Arv, string, tõeväärtus, null, määratlemata, objekt, funktsioon, regulaaravaldis ja muud struktuurid võivad olla mis tahes tüüpi massiivi elemendid.

Massiivi saab luua JavaScriptis, nagu allpool toodud

var country = ("India", "England", "Srilanka");

Ülaltoodud loomisel initsialiseerite massiivi ja see on loodud väärtustega “India”, “Inglismaa” ja “Srilanka”. India, Inglismaa ja Srilanka indeks on vastavalt 0, 1 ja 2. Riigi massiivi saate lisada täiendavaid elemente, siis saate seda teha nagu allpool näidatud

country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";

Näide


JavaScript Creating Array


var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;

Väljund

Massiivide tüübid JavaScriptis (selgitage iga tüüpi näitega)

Allpool on JavaScripti eri tüüpi massiivid järgmiselt:

  • Array Literal

Massiivi saab luua maatriksi abil, kasutades allpool olevat süntaksit

var arrayname=(value1, value2…..valuen);

Mõelge lihtsale näitele massiivi loomiseks JavaScriptis, kasutades Array Literalit


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)

Väljund :

  • Massiivi otse

Massiivi saab massiiviga luua otse, kasutades uut märksõna, nagu allpool on toodud süntaksis

var arrayname=new Array();

Allpool on toodud näide massiivi loomiseks JavaScriptis, kasutades uue märksõna abil massiivi otse


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)

Väljund :

  • Massiivi konstruktor

Massiivi eksemplari saab luua argumentide edastamise teel konstruktoris. Järgmine näide loob JavaScripti massiivi, kasutades uue märksõna abil massiivi konstruktorit


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)

Väljund

Selgitage JavaScriptis massiivimeetodeid

Allpool on toodud JavaScripti massiivi meetodid järgmiselt

1. concat () meetod

Saate luua uue massiivi kahe või enama massiivi kombinatsiooniga, kasutades selleks meetodit concat ().

Süntaks

array.concat(val1, val2, …, valN);

Näide


JavaScript Array Method

var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );

Väljund

2. iga ()

iga () meetod kontrollib, kas antud elemendid on tingimuses ette nähtud massiivis tõesed või valed. See tagastab tõese, kui tingimus vastab antud tingimusele, vastasel juhul tagastab vale.

Süntaks

Array.every(callback, thisArg)

Kui tagasihelistamine on funktsiooni testimise tingimus ja thisArg on valikuline parameeter, mida kasutatakse tagasihelistamise teostamisel.

Näide


JavaScript Array Method

var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));

Väljund

3. täitke ()

Täitmise () meetodit kasutatakse määratud staatiliste väärtuste täitmiseks, muutes antud massiivi algseid väärtusi.

Süntaks

array.fill(value)

Näide


JavaScript Array Method

var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);

Väljund

4. filter ()

Massiivi elementide filtreerimiseks antud tingimuse alusel kasutatakse filtrit ().

Süntaks

array.filter(callback, thisArg)

Näide


JavaScript Array Method

var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));

Väljund

5. igale ()

Iga massiivi elemendi funktsiooni kutsumiseks kasutatakse meetodit forEach ().

Süntaks

array.forEach(callback, thisArg)

Näide


JavaScript Array Method

var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));

Väljund

6. sisaldab ()

Sisaldab () meetodit kasutatakse selle kontrollimiseks, kas antud element on massiivi kaasatud või mitte. Kui element on lisatud massiivi, tagastab see tõese, vastasel juhul tagastab vale.

Süntaks

array.includes(element) //where “element” is a value which is to be searched in the array

Näide


JavaScript Array Method

var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);

Väljund

7. liitu ()

Liitu () meetodit kasutatakse massiivi elementide ühendamiseks stringiks ja see annab uue stringi.

Süntaks

array.join(separator)

Näide


JavaScript Array Method

var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);

Väljund

8. pop ()

Antud massiivi viimase elemendi ekstraheerimiseks kasutatakse meetodit pop ().

Süntaks

array.pop(operator)

Näide


JavaScript Array Method

var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);

Väljund

9. push ()

Elemendi lisamiseks massiivi lõppu kasutatakse meetodit push ().

Süntaks

array.push()

Näide


JavaScript Array Method

var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);

Väljund

10. tagurpidi ()

Antud elementide massiivi järjestuse ümberpööramiseks kasutatakse vastupidist () meetodit. Viimane element saab esimeseks ja esimene element viimaseks.

Süntaks

array.reverse()

Näide


JavaScript Array Method

var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);

Väljund

11. vahetus ()

Massiivi esimese elemendi tagastamiseks kasutatakse nihet ().

Süntaks

array.shift()

Näide


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);

Väljund

12. viil ()

Slice () meetodit kasutatakse antud massiivi elementide kuvamiseks ilma algset massiivi muutmata.

Süntaks

array.slice(start, end)

Näide


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);

Väljund

13. sortima ()

Sort () meetodit kasutatakse massiivi elementide kuvamiseks kasvavas järjekorras.

Süntaks

array.sort()

Näide


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);

Väljund

14. nihutamine ()

Eemaldamise meetodit () kasutatakse elementide lisamiseks massiivi algusesse.

Süntaks

array.unshift(“element”)

Näide


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);

Väljund

15. indexOf ()

Meetodit indexOf () kasutatakse antud massiivi elemendi asukoha otsimiseks.

Süntaks

array.indexOf(“element”)

Näide


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);

Väljund

Järeldus

Nagu seni arutatud, on massiiv spetsiaalne objekt andmeelementide hoidmiseks ja haldamiseks. Massiiv on objekt, mis pakub elementide rühma ja on kasulik suure hulga sama tüüpi andmete salvestamiseks. Massiivi objektide omadused ja meetodid aitavad arendajatel massiive hõlpsalt käsitseda. Globaalse objektina saab JavaScripti massiivi kasutada kõrgetasemeliste massiivide ehitamisel.

Soovitatav artikkel

See on JavaScripti massiivide juhend. Siin käsitleme massiivide erinevaid tüüpe ja meetodeid koos näitega. Lisateabe saamiseks võite tutvuda ka meie teiste soovitatud artiklitega

  1. JavaScripti tööriistad
  2. JavaScripti matemaatikafunktsioonid
  3. Parimad Javascripti raamistikud
  4. JavaScripti kasutusviisid
  5. Massiivid PHP-s

Kategooria:

Tarkvaraarendus