Johdanto JavaScript-ryhmään
Kuten tiedämme, objektien avulla voimme tallentaa näppäimet arvokokoelmat. Mutta joskus tarvitsemme tilatun kokoelman, johon meidän on tallennettava ensimmäinen, toinen, kolmas elementti ja paljon muuta. Oletetaan esimerkiksi, että meidän on tallennettava luettelo jostakin: käyttäjien tiedot, tavaratiedot ja monet muut. Tässä ei ole tarkoituksenmukaista käyttää objektia, koska se ei tarjoa menetelmiä elementtien järjestyksen hallitsemiseksi. Objekteja ei ole luotu tällaiseen käyttöön. Tilattujen kokoelmien tallentamiseksi on olemassa erityinen tietorakenne nimeltään Array. JavaScript-taulukot mahdollistavat useiden arvojen tallentamisen yhteen muuttujaan. Se tallentaa samanlaista elementtikokoelmaa peräkkäin kiinteänä kokoisena.
JavaScriptin taulukkoja käytetään tietojoukon tallentamiseen, mutta se on usein hyödyllisempää samantyyppisten muuttujien sarjan tallentamisessa. Taulukko on JavaScript-yksikön muuttuja, jota käytetään eri elementtien tallentamiseen. Kun haluamme tallentaa elementtiluettelon ja käyttää niitä yhden muuttujan kautta, sitä käytetään usein. Toisin kuin monissa muissa kielissä, joissa taulukko on eri muuttujan viite, JavaScript-taulukossa on yksi muuttuja, joka tallentaa erilaisia elementtejä. Objektiryhmät JavaScript-muodossa ovat globaali objekti, jota käytetään ryhmien rakentamisessa; joka on korkean tason luettelomaisia objekteja.
Kuinka taulukko toimii JavaScript-ohjelmassa?
JavaScript-taulukot ovat tapa tallentaa elementtejä yksittäiseen muuttujaan muistiin. Hakemistonsa perusteella elementteihin voidaan päästä taulukossa. Taulukkoindeksi alkaa nollalla. Javascript-taulukot ovat nollapohjaisia, mikä tarkoittaa, että ensimmäinen elementti-indeksi on 0. Tämä on erittäin tärkeää, koska se tarkoittaa, että yhden yksikön poikkeama on aina olemassa: ensimmäisen elementin indeksi on 0, ja toisen elementin indeksi on 1 ja niin edelleen.
Kuinka luoda taulukot JavaScriptiin (esimerkki)?
Objektimatriisin avulla voit tallentaa erilaisia arvoja yhteen muuttujaan. Se tallentaa peräkkäisen kiinteän koon kokoelman samantyyppisiä elementtejä. Taulukkoa käytetään keräysjoukon tallentamiseen, mutta usein on hyödyllisempää pitää taulukko samantyyppisten muuttujien joukona. Kirjaimellisella merkintämatriisilla on helppo luoda taulukot JavaScriptiin. Se koostuu kahdesta hakasulkeesta, jotka kiertävät valinnaiset pilkuilla erotetut ryhmäelementit. Numero, merkkijono, boolean, nolla, määrittelemätön, objekti, funktio, säännöllinen lauseke ja muut rakenteet voivat olla minkä tyyppisiä taulukkoelementtejä.
Ryhmä voidaan luoda JavaScriptiin alla esitetyllä tavalla
var country = ("India", "England", "Srilanka");
Yllä olevassa luomuksessa olet alustamassa taulukon ja se on luotu arvoilla “Intia”, “Englanti” ja “Srilanka”. Intian, Englannin ja Srilankan indeksi on vastaavasti 0, 1 ja 2. Voit lisätä ylimääräisiä elementtejä maajoukkoon, niin voit tehdä sen alla olevan kuvan mukaisesti
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";
esimerkki
JavaScript Creating Array
var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;
ulostulo
JavaScriptin taulukotyypit (selitä kukin tyyppi esimerkillä)
Alla on JavaScriptin erityyppiset taulukot:
-
Array Literal
Taulukko voidaan luoda array-kirjaimella käyttämällä alla olevaa syntaksia
var arrayname=(value1, value2…..valuen);
Mieti yksinkertainen esimerkki taulukon luomisesta JavaScriptillä käyttämällä Array Literalia
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) + "
");
)
Tulos :
-
Array suoraan
Matriisi voidaan luoda suoraan matriisilla käyttämällä uutta avainsanaa alla olevan syntaksin osoittamalla tavalla
var arrayname=new Array();
Alla esimerkki taulukon luomisesta JavaScriptiin käyttämällä Array Direct -sovellusta uuden avainsanan avulla
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) + "
");
)
Tulos :
-
Array-rakentaja
Taulukkoilmentys voidaan luoda siirtämällä argumentteja konstruktoriin. Seuraava esimerkki luo taulukon JavaScriptiin käyttämällä Array Constructoria uuden avainsanan avulla
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) + "
");
)
ulostulo
Selitä taulukkomuodomenetelmät JavaScript-muodossa
Alla on taulukon menetelmät JavaScript: ssä seuraavasti
1. concat () -menetelmä
Voit luoda uuden taulukon kahden tai useamman taulukon yhdistelmällä concat () -menetelmän avulla.
Syntaksi
array.concat(val1, val2, …, valN);
esimerkki
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 );
ulostulo
2. jokainen ()
jokainen () -menetelmä tarkistaa, ovatko annetut elementit totta vai vääriä taulukossa, kuten ehossa on annettu. Se palauttaa true, jos ehto vastaa annettua ehtoa, muuten palauttaa false.
Syntaksi
Array.every(callback, thisArg)
Jos takaisinsoitto on ehto toiminnon testaamiseksi ja thisArg on valinnainen parametri, jota käytetään takaisinsoittoa suoritettaessa.
esimerkki
JavaScript Array Method
var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));
ulostulo
3. Täytä ()
Täyttö () -menetelmää käytetään määriteltyjen staattisten arvojen täyttämiseen muuttamalla annetun taulukon alkuperäisiä arvoja.
Syntaksi
array.fill(value)
esimerkki
JavaScript Array Method
var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);
ulostulo
4. suodatin ()
Suodatin () -menetelmää käytetään suodattamaan taulukkoelementit annetun tilan perusteella.
Syntaksi
array.filter(callback, thisArg)
esimerkki
JavaScript Array Method
var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));
ulostulo
5. jokaiselle ()
ForEach () -menetelmää käytetään kunkin taulukkoelementin toiminnon käynnistämiseen.
Syntaksi
array.forEach(callback, thisArg)
esimerkki
JavaScript Array Method
var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));
ulostulo
6. sisältää ()
Sisältyy () -menetelmää käytetään tarkistamaan, sisältyykö annettu elementti taulukkoon vai ei. Jos elementti sisältyy taulukkoon, se palauttaa true, muuten palauttaa false.
Syntaksi
array.includes(element) //where “element” is a value which is to be searched in the array
esimerkki
JavaScript Array Method
var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);
ulostulo
7. liittyä ()
Join () -menetelmää käytetään yhdistämään taulukkoelementit merkkijonoon ja tarjoamaan uuden merkkijonon.
Syntaksi
array.join(separator)
esimerkki
JavaScript Array Method
var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);
ulostulo
8. pop ()
Pop () -menetelmää käytetään tietyn taulukon viimeisen elementin purkamiseen.
Syntaksi
array.pop(operator)
esimerkki
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);
ulostulo
9. push ()
Pult () -menetelmää käytetään lisäämään elementti taulukon loppuun.
Syntaksi
array.push()
esimerkki
JavaScript Array Method
var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);
ulostulo
10. käänteinen ()
Käänteistä () menetelmää käytetään kääntämään annetun elementtiryhmän sekvenssi. Viimeisestä elementistä tulee ensimmäinen ja ensimmäisestä elementistä tulee viimeinen.
Syntaksi
array.reverse()
esimerkki
JavaScript Array Method
var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);
ulostulo
11. vuoro ()
Shift () -menetelmää käytetään taulukon ensimmäisen elementin palauttamiseen.
Syntaksi
array.shift()
esimerkki
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);
ulostulo
12. siivu ()
Slice () -menetelmää käytetään osan annettujen taulukkoelementtien näyttämiseen muuttamatta alkuperäistä taulukkoa.
Syntaksi
array.slice(start, end)
esimerkki
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);
ulostulo
13. lajitella ()
Lajittelu () -menetelmää käytetään taulukkoelementtien näyttämiseen nousevassa järjestyksessä.
Syntaksi
array.sort()
esimerkki
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);
ulostulo
14. siirrä ()
Vaihtoehtoista () -menetelmää käytetään elementtien lisäämiseen taulukon alkuun.
Syntaksi
array.unshift(“element”)
esimerkki
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);
ulostulo
15. indexOf ()
IndexOf () -menetelmää käytetään etsimään elementin sijaintia annetussa taulukossa.
Syntaksi
array.indexOf(“element”)
esimerkki
JavaScript Array Method
var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);
ulostulo
johtopäätös
Kuten tähän saakka on keskusteltu, taulukko on erityinen objekti dataelementtien tallentamiseksi ja hallitsemiseksi. Taulukko on objekti, joka tarjoaa ryhmän elementtejä ja hyödyllinen suuren määrän samantyyppisen datan tallentamiseksi. Matriisiobjektien ominaisuudet ja menetelmät auttavat kehittäjiä käsittelemään taulukkoja helposti. Globaalina objektina JavaScript-taulukkoa voidaan käyttää korkean tason taulukkojen rakentamisessa.
Suositeltava artikkeli
Tämä on opas ryhmiin JavaScriptiä. Tässä keskustellaan taulukkojen erityypeistä ja menetelmistä yhdessä esimerkin kanssa. Voit myös käydä läpi muut ehdotetut artikkelimme saadaksesi lisätietoja
- JavaScript-työkalut
- JavaScript-matematiikan toiminnot
- Paras Javascript-kehys
- JavaScriptin käyttö
- Taulukot PHP: ssä