„JavaScript“ masyvo manipuliavimo pamoka su pavyzdžiais

Tinklaraštis

„JavaScript“ masyvo manipuliavimo pamoka su pavyzdžiais

„JavaScript“ masyvo manipuliavimo pamoka su pavyzdžiais

„JavaScript“ | _+_ | klasė yra visuotinis objektas, naudojamas masyvams kurti; kurie yra aukšto lygio, į sąrašą panašūs objektai.



apibūdinimas

Masyvai yra į sąrašą panašūs objektai, kurių prototipas turi metodus, leidžiančius atlikti perėjimo ir mutacijos operacijas. Nei „JavaScript“ masyvo ilgis, nei jo elementų tipai nėra fiksuoti. Kadangi masyvo ilgis gali bet kada pasikeisti, o duomenys gali būti saugomi netoliese esančiose masyvo vietose, „JavaScript“ masyvai nėra tankūs; tai priklauso nuo to, kaip programuotojas pasirenka juos naudoti. Apskritai tai yra patogios savybės; bet jei šios funkcijos nėra pageidautinos jūsų konkrečiam naudojimui, galite apsvarstyti galimybę naudoti įvestus masyvus.

Kas yra programavimo masyvas? Masyvas yra duomenų tipas, kurį sudaro elementų rinkinys (vertė arba kintamasis), ir kiekvienas elementas turi indeksą. Tiesiog masyvas yra galingesnis kintamasis. Kodėl? nes masyvai gali turėti daugiau nei vieną reikšmę. Masyve gali būti eilutė, sveikasis skaičius, loginė reikšmė ir funkcija viename kintamajame.



žr. šią sintaksę:

vue-property-decorator
Array

arba



var myArray = ['string', 2, false, myFunction];

Masyve galime turėti masyvą. Tai vadinama daugialypiu masyvu. Štai sintaksė:

var myArray = []; myArray = ['string', 2, false, myFunction];

Masyvo kūrimas

Turime kelis būdus, kaip sukurti „JavaScript“ masyvą. Kaip ir anksčiau pateiktame pavyzdyje, mes galime tiesiogiai pateikti reikšmę ar kintamąjį į masyvą. Štai pirmasis būdas sukurti „JavaScript“ masyvą.

Pavyzdys:

var myArray = ['string', 2, false, myFunction, [1,2,3]];

Mes galime naudoti konsolę norėdami pamatyti rezultatą:

var myArray = ['a', 2, true];

čia yra visas kodas:

console.log(myArray);

štai rezultatas:

„Javascript“ masyvo manipuliavimas - 1 pavyzdys

Tačiau konsolė tai rodo kaip „JavaScript“ objektą.

Rodomas skaičius yra indeksas (indeksas 0 - 2). Indeksas nurodo mūsų turimą vertę. Indeksas visada prasideda nuo 0 (nulis).
Jei norime, kad konsolė rodytų tik vieną reikšmę, galime tai padaryti naudodami indeksą.

Pavyzdys:

Javascript Array var myArray = ['a', 2, true]; console.log(myArray);

rezultatas:

„Javascript“ masyvo manipuliavimas - 2 pavyzdys

Tai yra antrasis būdas sukurti masyvą.

Pavyzdys:

Javascript Array var myArray = ['a', 2, true]; console.log(myArray[3]);

rezultatas:

koks mano Verizon slaptažodis

„Javascript“ masyvo manipuliavimas - 3 pavyzdys

Svarbu pažymėti, kad jei norime tai naudoti, indeksas turi būti nuoseklus. Jei jis nebus nuoseklus, vertė taps neapibrėžta arba tuščia.

Pavyzdys:

Javascript Array var myArray = []; myArray[0] = ['index 0']; myArray[1] = ['index 1']; myArray[2] = ['index 2']; console.log(myArray);

rezultatas:

„Javascript“ masyvo manipuliavimas - 4 pavyzdys

Masyvo elementų pašalinimas

Jei norime pašalinti „JavaScript“ masyvo elementą, reikia rodyklės.

Pastaba: tai nėra teisingas būdas. Aš jums parodysiu kitą pavyzdį.

Pavyzdys:

Javascript Array var myArray = []; myArray[0] = ['index 0']; myArray[1] = ['index 1']; myArray[2] = ['index 2']; myArray[5] = ['index 5']; console.log(myArray);

rezultatas:

„Javascript“ masyvo manipuliavimas - 5 pavyzdys

Rodomas masyvas

Mes stengsimės tinkamai parodyti masyvą. Pirma, mes naudosime „javascript“ kilpą ir parodysime masyvo elementą po vieną.

Pavyzdys:

Javascript Array var myArray = ['a', 2, true]; myArray[1] = undefined; console.log(myArray);

Dabar masyvas rodomas teisingai. Nerodomas kaip objektas, kaip anksčiau pateiktame pavyzdyje:

„Javascript“ masyvo manipuliavimas - 6 pavyzdys

„Javascript“ masyvo metodas

Masyve galite naudoti metodą. „JavaScript“ turi keletą metodų, kuriuos galima naudoti masyve.
Pirma, pabandysime naudoti prisijungimo metodą, kad sujungtume visus masyvo elementus ir padarytume jį kaip eilutę.

Pavyzdys:

Javascript Array var myArray = ['index 0', 'index 1', 'index 2']; for (var i = 0; i

rezultatas:

„Javascript“ masyvo manipuliavimas - 7 pavyzdys

Jei nenorite naudoti kablelių (,), galite pakeisti eilutės skyriklius:

Javascript Array var arr = ['Tea', 'Coffee', 'Milk']; console.log(arr.join());

rezultatas:

„Javascript“ masyvo manipuliavimas - 8 pavyzdys

Tai yra sujungimo metodo pavyzdys. Dabar pabandykime „push & pop“ metodą. Stumiamasis metodas naudojamas norint pridėti elementą, kuris bus dedamas paskutinėje masyvo dalyje. Norėdami jį naudoti, galime naudoti paprastą būdą.

Pavyzdys:

Javascript Array var arr = ['Tea', 'Coffee', 'Milk']; console.log(arr.join(' - '));

rezultatas:

„Javascript“ masyvo manipuliavimas - 9 pavyzdys

vienybės sveikatos baras ui

Naudodami „push“ metodą galite pridėti keletą elementų, tokių kaip šis:

Javascript Array var arr = ['Tea', 'Coffee', 'Milk']; arr.push('Boba'); console.log(arr.join(' - '));

Pop metodas yra priešingas stūmimo metodui. Spragtelėjimas pašalins paskutinį elementą iš masyvo.

Pavyzdys:

arr.push('Boba', 'Yogurt', 'Lemon');

rezultatas:

„Javascript“ masyvo manipuliavimas - 10 pavyzdys

Dabar mes stengsimės naudoti „shift“ ir „unhift“ metodą.

„Shift“ ir „unshift“ metodas yra tas pats, kas pop ir push, tačiau jis veikia su pirmuoju masyvo elementu.

Pavyzdys:

Javascript Array var arr = ['Tea', 'Coffee', 'Milk']; arr.pop(); console.log(arr.join(' - '));

rezultatas:

„Javascript“ masyvo manipuliavimas - 11 pavyzdys

Perkėlimas pašalins pirmąjį elementą.

Pavyzdys:

Javascript Array var arr = ['Tea', 'Coffee', 'Milk']; arr.unshift('Lemon'); console.log(arr.join(' - '));

rezultatas:

„Javascript“ masyvo manipuliavimas - 12 pavyzdys

kur galima nusipirkti ecomi

„Shift“ ir „pop“ visiškai pašalina masyvo elementą. Tai nėra panašu į ankstesnį pavyzdį, kai elementas pašalinamas naudojant neapibrėžtą.

Tai yra pagrindinis „JavaScript“ masyvo naudojimo pavyzdys. Visą šių pavyzdžių šaltinio kodą galite rasti mūsų „GitHub“ .

Dėkoju!

#javascript #žiniatinklio kūrimas