Masīvs JavaScript ir datu struktūra, ko izmanto, lai vienā mainīgajā saglabātu vairākas vērtības. Tas var saturēt dažādus datu tipus un ļauj dinamiski mainīt izmērus. Elementiem var piekļūt, izmantojot to indeksu, sākot no 0.

JavaScript masīvs

Ir divi veidi, kā izveidot JavaScript masīvus: izmantojot Array konstruktoru vai stenogrāfijas masīva literālā sintakse , kas ir tikai kvadrātiekavas. Masīvi ir elastīga izmēra, tāpēc tie var augt vai sarukt, pievienojot vai noņemot elementus.

Satura rādītājs

• Kas ir masīvs JavaScript?
• JavaScript masīva pamata terminoloģijas
• Masīva deklarācija
• Pamatdarbības ar JavaScript masīviem
• Atšķirība starp JavaScript masīviem un objektiem
• Kad izmantot JavaScript masīvus un objektus?
• JavaScript masīva atpazīšana
• JavaScript masīva pilnīga atsauce
• JavaScript masīvu piemēri
• JavaScript CheatSheet

JavaScript masīva pamata terminoloģijas

• Masīvs: Datu struktūra JavaScript, kas ļauj saglabāt vairākas vērtības vienā mainīgajā.
• Masīva elements: Katru vērtību masīvā sauc par elementu. Elementiem var piekļūt, izmantojot to indeksu.
• Masīva indekss: Skaitlisks attēlojums, kas norāda elementa pozīciju masīvā. JavaScript masīviem ir nulles indekss, kas nozīmē, ka pirmais elements ir indeksā 0.
• Masīva garums: Elementu skaits masīvā. To var izgūt, izmantojot garuma rekvizītu.

Masīva deklarācija

Pamatā ir divi veidi, kā deklarēt masīvu, t.i., masīva burtiskais un masīva konstruktors.

java math.random

1. Masīva izveide, izmantojot masīva burtu

Masīva izveide, izmantojot masīva burtu, ietver kvadrātiekavās [], lai definētu un inicializētu masīvu. Šī metode ir kodolīga un tās vienkāršības dēļ tiek plaši izmantota.

Sintakse:

let arrayName = [value1, value2, ...];>

Piemērs:

// Creating an Empty Array let names = []; console.log(names); // Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'Javascript', 'React']; console.log(courses);>

[] [ 'HTML', 'CSS', 'Javascript', 'React' ]>

2. Masīva izveide, izmantojot masīva konstruktoru (jauns JavaScript atslēgvārds)

Masīvu konstruktors attiecas uz masīvu izveides metodi, izsaucot masīva konstruktora funkciju. Šī pieeja ļauj veikt dinamisku inicializāciju, un to var izmantot, lai izveidotu masīvus ar noteiktu garumu vai elementiem.

Sintakse:

let arrayName = new Array();>

Piemērs:

kā java ievadīt virkni uz int

// Declaration of an empty array  // using Array constructor let names = new Array(); console.log(names); // Creating and Initializing an array with values let courses = new Array('HTML', 'CSS', 'Javascript', 'React'); console.log(courses); // Initializing Array while declaring let arr = new Array(3); arr[0] = 10; arr[1] = 20; arr[2] = 30; console.log(arr);>

[] [ 'HTML', 'CSS', 'Javascript', 'React' ] [ 10, 20, 30 ]>

Piezīme: Abas iepriekš minētās metodes darbojas tieši tāpat. Izmantojiet masīva burtisko metodi efektivitātei, lasāmībai un ātrumam.

Pamatdarbības ar JavaScript masīviem

1. Piekļuve masīva elementiem

Jebkuram masīva elementam var piekļūt, izmantojot indeksa numuru. Indekss masīvos sākas ar 0.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'Javascript', 'React']; // Accessing Array Elements console.log(courses[0]); console.log(courses[1]); console.log(courses[2]); console.log(courses[3]);>

HTML CSS Javascript React>

2. Piekļuve pirmajam masīva elementam

Masīva indeksēšana sākas ar 0, tāpēc mēs varam piekļūt pirmajam masīva elementam, izmantojot indeksa numuru.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'JavaScript', 'React']; // Accessing First Array Elements let firstItem = courses[0]; console.log('First Item: ', firstItem);>

First Item: HTML>

3. Piekļuve masīva pēdējam elementam

Mēs varam piekļūt pēdējam masīva elementam, izmantojot [array.length – 1] indeksa numuru.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'JavaScript', 'React']; // Accessing Last Array Elements let lastItem = courses[courses.length - 1]; console.log('First Item: ', lastItem);>

First Item: React>

4. Masīva elementu modificēšana

Elementus masīvā var modificēt, piešķirot to atbilstošajam indeksam jaunu vērtību.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'Javascript', 'React']; console.log(courses); courses[1]= 'Bootstrap'; console.log(courses);>

[ 'HTML', 'CSS', 'Javascript', 'React' ] [ 'HTML', 'Bootstrap', 'Javascript', 'React' ]>

5. Elementu pievienošana masīvam

Elementus masīvam var pievienot, izmantojot tādas metodes kā push() un unshift().

pievienojot java virknes

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'Javascript', 'React']; // Add Element to the end of Array courses.push('Node.js'); // Add Element to the beginning courses.unshift('Web Development'); console.log(courses);>

[ 'Web Development', 'HTML', 'CSS', 'Javascript', 'React', 'Node.js' ]>

6. Elementu noņemšana no masīva

Noņemiet elementus, izmantojot tādas metodes kā pop(), shift() vai splice().

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'Javascript', 'React', 'Node.js']; console.log('Original Array: ' + courses); // Removes and returns the last element let lastElement = courses.pop(); console.log('After Removed the last elements: ' + courses); // Removes and returns the first element let firstElement = courses.shift(); console.log('After Removed the First elements: ' + courses); // Removes 2 elements starting from index 1 courses.splice(1, 2); console.log('After Removed 2 elements starting from index 1: ' + courses);>

Izvade

Original Array: HTML,CSS,Javascript,React,Node.js After Removed the last elements: HTML,CSS,Javascript,React After Removed the First elements: CSS,Javascript,React After Removed 2 elements starting from index 1: CSS>

7. Masīva garums

Iegūstiet masīva garumu, izmantojot garuma īpašību.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'Javascript', 'React', 'Node.js']; let len = courses.length; console.log('Array Length: ' + len);>

Array Length: 5>

8. Palieliniet un samaziniet masīva garumu

Mēs varam palielināt un samazināt masīva garumu, izmantojot JavaScript garuma rekvizītu.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'Javascript', 'React', 'Node.js']; // Increase the array length to 7 courses.length = 7; console.log('Array After Increase the Length: ', courses); // Decrease the array length to 2 courses.length = 2; console.log('Array After Decrease the Length: ', courses)>

Array After Increase the Length: [ 'HTML', 'CSS', 'Javascript', 'React', 'Node.js', ] Array After Decrease the Length: [ 'HTML', 'CSS' ]>

9. Atkārtošana, izmantojot masīva elementus

Mēs varam atkārtot masīvu un piekļūt masīva elementiem, izmantojot for un forEach cilpu.

Piemērs: Tas ir for cilpas piemērs.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'JavaScript', 'React']; // Iterating through for loop for (let i = 0; i < courses.length; i++) {  console.log(courses[i]) }>

HTML CSS JavaScript React>

Piemērs: Tas ir piemērs Masīvs.forEach() cilpa.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'JavaScript', 'React']; // Iterating through forEach loop courses.forEach(function myfunc(elements) {  console.log(elements); });>

HTML CSS JavaScript React>

10. Masīvu savienošana

Apvienojiet divus vai vairākus masīvus, izmantojot concat() metodi. Ir atgriež jaunu masīvu, kas satur savienotus masīvu elementus.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'JavaScript', 'React']; let otherCourses = ['Node.js', 'Expess.js']; // Concatenate both arrays let concateArray = courses.concat(otherCourses); console.log('Concatenated Array: ', concateArray);>

Concatenated Array: [ 'HTML', 'CSS', 'JavaScript', 'React', 'Node.js', 'Expess.js' ]>

11. Masīva pārvēršana par virkni

Mums ir iebūvēta metode toString() lai pārveidotu masīvu par virkni.

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'JavaScript', 'React']; // Convert array ot String console.log(courses.toString());>

HTML,CSS,JavaScript,React>

12. Pārbaudiet masīvu veidu

JavaScript veids operators tiek izmantots, lai pārbaudītu masīva veidu. Tas atgriež objektu masīviem.

izņēmums mest java

// Creating an Array and Initializing with Values let courses = ['HTML', 'CSS', 'JavaScript', 'React']; // Check type of array console.log(typeof courses);>

object>

Atšķirība starp JavaScript masīviem un objektiem

• JavaScript masīvi izmanto indeksus kā skaitļus.
• objekti izmanto indeksus kā nosaukumus.

Kad izmantot JavaScript masīvus un objektus?

• Masīvus izmanto, ja vēlamies, lai elementu nosaukumi būtu skaitļi.
• Objekti tiek izmantoti, ja vēlamies, lai elementu nosaukumi būtu virknes.

JavaScript masīva atpazīšana

Ir divas metodes, ar kurām mēs varam atpazīt JavaScript masīvu:

• Izmantojot Array.isArray() metodi
• Izmantojot instanceof metodi

Tālāk ir sniegts piemērs, kas parāda abas pieejas:

const courses = ['HTML', 'CSS', 'Javascript']; console.log('Using Array.isArray() method: ', Array.isArray(courses)) console.log('Using instanceof method: ', courses instanceof Array)>

Using Array.isArray() method: true Using instanceof method: true>

Piezīme: Rakstot masīvus, rodas izplatīta kļūda:

const numbers = [5] // and const numbers = new Array(5)>

const numbers = [5] console.log(numbers)>

Iepriekš minētie divi apgalvojumi nav viens un tas pats.

Izvade: Šis paziņojums izveido masīvu ar elementu [5] .

[5]>

const numbers = new Array(5)  console.log(numbers)>

[ ]>

JavaScript masīva pilnīga atsauce

Mums ir pilns Javascript masīvu saraksts. Lai tos pārbaudītu, lūdzu, izlasiet šo JavaScript masīva atsauce rakstu. Tajā ir detalizēts visu masīva īpašību un metožu apraksts un piemēri.

JavaScript masīvu piemēri

JavaScript masīva piemēros ir saraksts ar jautājumiem, kas galvenokārt tiek uzdoti intervijās. Lūdzu, pārbaudiet šo rakstu JavaScript masīvu piemēri lai iegūtu sīkāku informāciju.

linux faili

JavaScript CheatSheet

Mums ir Javascript apkrāptu lapa, kurā mēs esam apskatījuši visas svarīgās Javascript tēmas, lai pārbaudītu tās, lūdzu, izlasiet Javascript Cheat Sheet — JavaScript pamata ceļvedis .