Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung der Array-Wissenspunkte in JavaScript

WBOY
Freigeben: 2022-06-30 12:30:18
nach vorne
2293 Leute haben es durchsucht

Dieser Artikel vermittelt Ihnen relevantes Wissen über Javascript. Er organisiert hauptsächlich verwandte Themen im Zusammenhang mit dem DOM-API-Wissen, einschließlich der Auswahl von Seiten-Tags, der Bedienung von Seiten-Tag-Attributen usw. Wir hoffen, dass es allen hilft.

Zusammenfassung der Array-Wissenspunkte in JavaScript

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend

Das Konzept des Arrays

  • Ein Array ist ebenfalls ein Objekt. Es hat ähnliche Funktionen wie unsere gewöhnlichen Objekte und ist es auch Wird auch zum Speichern einiger Werte verwendet.
  • Der Unterschied besteht darin, dass normale Objekte Zeichenfolgen als Attributnamen verwenden, während Arrays Zahlen als Indizes verwenden.
  • Index: Die Ganzzahl ab 0 ist der Index Arrays sind besser als gewöhnliche Objekte. In der Entwicklung verwenden wir häufig Arrays zum Speichern einiger Daten.
  • Erstellen Sie ein Array-Objekt

Syntax 1: var array name = new Array();
Wenn ein numerischer Wert in Klammern übergeben wird, stellt er die Array-Länge dar, Wenn ein Wert größer als 1 übergeben wird, bedeutet dies, dass dem Array Elemente hinzugefügt werden.

var 数组名 = new Array();
当在括号内传入一个数字类型的值时,表示数组的长度,当传入大于1个的值时,表示向数组中添加元素。

语法2:var 数组名 =[];
当在方括号内传入值时,即为数组添加元素。

使用typeof检查数组对象时返回Object

向数组中添加元素

1.直接添加

语法:数组名 = [元素1,元素2...];

2.按照索引添加(将元素添加到哪个位置)

语法:数组名[索引] = '元素';

这里值得注意的是,如果按照索引添加元素,数组的长度是按照的添加的最大索引来计算的。

读取数组中的元素

读取数组元素是一个返回值,需要变量去接收或者直接输出。
1.直接读取,即读取整个数组内的元素。

语法:console.log(数组名);

2.读取数组中的某个元素。

语法:console.log(数组名[索引]);

3.当读取一个不存在的元素时,返回undefined。

数组中的常用属性和方法

1.length属性

length属性可以设置/返回数组长度。

  • 设置数组长度:数组名.length = 长度;
    当设置的数组长度>原数组长度时,将空出多余的空间。
    当设置的数组长度
  • 返回数组长度:数组名.length;

Zusammenfassung der Array-Wissenspunkte in JavaScript

补充小技巧:可以利用length属性向数组的最后一个位置添加元素
Zusammenfassung der Array-Wissenspunkte in JavaScript

2.cancat方法

concat() 方法用于连接两个或多个数组。

语法:数组1.concat(数组2,数组3...);

Zusammenfassung der Array-Wissenspunkte in JavaScript

3.join方法

join() 方法用于把数组中的所有元素转换一个字符串。

语法:数组名.join(分隔符,不写则默认为逗号分隔);

Zusammenfassung der Array-Wissenspunkte in JavaScript

4.pop方法

pop() 方法用于删除数组的最后一个元素返回删除的元素

语法:数组名.pop();

Zusammenfassung der Array-Wissenspunkte in JavaScript

5.push方法

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度

语法:数组名.push(元素1,元素2...);Syntax 2: var array name =[];
Wenn ein Wert in eckigen Klammern übergeben wird, werden dem Array Elemente hinzugefügt.

Gibt Object zurück, wenn ein Array-Objekt mit typeof überprüft wird. Zusammenfassung der Array-Wissenspunkte in JavaScript

Elemente zum Array hinzufügen🎜🎜1. Direkt hinzufügen 🎜🎜🎜 Syntax: Array name = [Element 1, Element 2...] 🎜🎜🎜 2. Elemente gemäß Index hinzufügen ( Elemente An welcher Position hinzufügen)🎜🎜🎜Syntax: <code>Array name [index] = 'element';🎜🎜🎜Hier ist zu beachten, dass, wenn Elemente gemäß dem Index hinzugefügt werden, die Länge der Das Array wird entsprechend der Berechnung basierend auf dem maximalen Index hinzugefügt. 🎜🎜Lesen Sie die Elemente im Array🎜🎜Das Lesen der Elemente im Array ist ein Rückgabewert, für dessen direkten Empfang oder Ausgabe eine Variable erforderlich ist.
1. Direktes Lesen, dh Lesen der Elemente im gesamten Array. 🎜🎜🎜Syntax: console.log(array name);🎜🎜🎜2. 🎜🎜🎜Syntax: console.log(array name[index]);🎜🎜🎜3 Beim Lesen eines nicht vorhandenen Elements wird undefiniert zurückgegeben. 🎜🎜🎜Häufig verwendete Eigenschaften und Methoden in Arrays🎜🎜

🎜1.length-Eigenschaft🎜

🎜Die length-Eigenschaft kann die Array-Länge 🎜festlegen/zurückgeben🎜. 🎜🎜🎜Array-Länge festlegen: array name.length = length;
Wenn die festgelegte Array-Länge > die ursprüngliche Array-Länge ist, wird überschüssiger Speicherplatz frei.
Wenn die festgelegte Array-Länge array name.length;🎜🎜🎜Bildbeschreibung hier einfügen🎜🎜Zusätzlicher Tipp: Sie können das Längenattribut verwenden, um ein Element🎜 an der 🎜letzten Position von hinzuzufügen das Array.
Bildbeschreibung hier einfügen
🎜 Die

🎜2.cancat-Methode🎜

🎜concat()-Methode wird zum Verbinden von zwei oder mehr Arrays verwendet. 🎜🎜🎜Syntax: array1.concat(array2,array3...);🎜🎜🎜Bildbeschreibung hier einfügen🎜

🎜3.join-Methode🎜

🎜join()-Methode wird verwendet. Konvertieren Sie alle Elemente in das Array in einen String. 🎜🎜🎜 Syntax: Array name.join (Trennzeichen, wenn nicht geschrieben, wird standardmäßig die Komma-Trennung verwendet);🎜🎜🎜Bildbeschreibung hier einfügen🎜

🎜4.pop-Methode🎜

🎜pop()-Methode Wird verwendet, um das 🎜letzte Element🎜 eines Arrays zu entfernen und 🎜das entfernte Element zurückzugeben🎜. 🎜🎜🎜Syntax: array name.pop();🎜🎜🎜Bildbeschreibung hier einfügen🎜

🎜5.push-Methode🎜

🎜push()-Methode kann eine oder mehrere am Ende des Arrays hinzufügen 🎜 Elemente 🎜 und 🎜gibt die neue Länge zurück 🎜. 🎜🎜🎜Syntax: array name.push(element 1, element 2...);🎜🎜🎜🎜🎜

6.shift-Methode

shift()-Methode wird verwendet, um das erste Element des Arrays daraus zu löschen und den Wert des ersten Elements zurückzugeben. shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

语法:数组名.shift();

Zusammenfassung der Array-Wissenspunkte in JavaScript

7.unshift方法

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度

语法:数组名.unshift(元素1,元素2...);

Zusammenfassung der Array-Wissenspunkte in JavaScript

8.slice方法

slice() 方法可从已有的数组中返回选定的元素。可提取字符串的某个部分,并以新的字符串返回被提取的部分。注意: slice() 方法不会改变原始数组。

语法:数组名.slice(start,end);区间为左闭右开
如果为负数则从数组的倒数第几个数取。

Zusammenfassung der Array-Wissenspunkte in JavaScript

9.splice方法

splice() 方法用于添加删除数组中的元素。

语法:数组名.splice(从哪个位置开始(必填),要删除的元素个数(可选),要添加的元素(可选))

Zusammenfassung der Array-Wissenspunkte in JavaScript
Zusammenfassung der Array-Wissenspunkte in JavaScript

10.reverse方法

reverse() 方法用于颠倒数组中元素的顺序

语法:数组名.reverse();

Zusammenfassung der Array-Wissenspunkte in JavaScript

11.sort方法

sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。

语法:数组名.sort();

1.按字母排序(升序/降序)

Zusammenfassung der Array-Wissenspunkte in JavaScript

2.按数字排序(从大到小/从小到大)需定义一个函数。
Zusammenfassung der Array-Wissenspunkte in JavaScript

数组的遍历

使用for循环可进行对数组的遍历。

语法:for(var 变量=0; 变量<blockquote></blockquote>

Syntax: array name.shift();

Zusammenfassung der Array-Wissenspunkte in JavaScriptBildbeschreibung hier einfügen

7.unshift-Methodeunshift()-Methode kann ein oder mehrere Elemente

am Anfang des Arrays hinzufügen und

Geben Sie die neue Länge zurück.

Syntax: array name.unshift(element 1, element 2...);


Zusammenfassung der Array-Wissenspunkte in JavaScriptBildbeschreibung hier einfügen

8.slice-Methodeslice()-Methode kann aus vorhandenen Rückgaben verwendet werden die ausgewählten Elemente in einem Array. Extrahiert einen Teil einer Zeichenfolge und gibt den extrahierten Teil als neue Zeichenfolge zurück. Hinweis: Die Methode „slice()“ ändert das ursprüngliche Array nicht.
Syntax: array name.slice(start,end);Das Intervall ist links geschlossen und rechts offen Wenn es eine negative Zahl ist, wird sie von der letzten Zahl des genommen Array.

Bildbeschreibung hier einfügen🎜🎜🎜9 Spleißmethode 🎜🎜🎜splice()-Methode wird verwendet, um Elemente im Array hinzuzufügen 🎜 oder 🎜 zu löschen 🎜. 🎜
🎜Syntax: Array name.splice (von welcher Position (erforderlich), Anzahl der zu löschenden Elemente (optional), hinzuzufügende Elemente (optional))🎜🎜 🎜Bildbeschreibung hier einfügen🎜Bildbeschreibung hier einfügen🎜🎜10.reverse method🎜🎜reverse() Methode ist Wird verwendet, um die Reihenfolge der Elemente in einem Array umzukehren. 🎜
🎜Syntax: array name.reverse();🎜🎜🎜Bildbeschreibung hier einfügen🎜🎜🎜11.sort-Methode🎜🎜🎜sort()-Methode wird zum Sortieren der Elemente des Arrays verwendet. Die Sortierreihenfolge kann alphabetisch oder numerisch sowie aufsteigend oder absteigend sein. Die Standardsortierreihenfolge ist alphabetisch aufsteigend. 🎜
🎜Syntax: array name.sort();🎜🎜🎜1. Alphabetisch sortieren (aufsteigend/absteigend)🎜🎜Bildbeschreibung hier einfügen🎜🎜2. Das Sortieren nach Zahlen (von groß nach klein/klein nach groß) erfordert die Definition einer Funktion. 🎜Bildbeschreibung hier einfügen🎜🎜🎜Array-Traversal🎜 🎜🎜 Verwenden Sie eine for-Schleife, um das Array zu durchlaufen. 🎜
🎜Syntax: for(var variable=0; variable<array name.length name>🎜🎜🎜🎜🎜 🎜🎜Array Kleine Übung zum Durchqueren🎜🎜🎜🎜Fügen Sie 6 Objekte zum Array hinzu und fügen Sie die Erwachsenenliste der Personen einem neuen Array hinzu! ! 🎜🎜<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">nbsp;html&gt;     &lt;meta&gt;     &lt;meta&gt;     &lt;meta&gt;     &lt;title&gt;Document&lt;/title&gt;     &lt;script&gt; function Person(name, age){ this.name = name; this.age = age; } var per1 =new Person(&amp;#39;苏凉&amp;#39;,21); var per2 =new Person(&amp;#39;小红&amp;#39;,15); var per3 =new Person(&amp;#39;小月&amp;#39;,17); var per4 =new Person(&amp;#39;小丽&amp;#39;,19); var per5 =new Person(&amp;#39;小水&amp;#39;,20); var per6 =new Person(&amp;#39;小花&amp;#39;,5); var per_list= [per1,per2,per3,per4,per5,per6]; function arrAdult(){ var newArr=[]; for(var i = 0;i&lt;per_list.length;i++){ var x = per_list[i]; if(x.age&lt;18){ console.log(x.name + &amp;#39;未通过&amp;#39;); }else if(x.age&gt;=18){ console.log(x.name + &amp;#39;恭喜你,通过了!&amp;#39;); newArr.push(x.name) } } return newArr; } var list = arrAdult(); console.log(&amp;#39;通过名单:&amp;#39;+ list) &lt;/script&gt;     </pre><div class="contentsignin">Nach dem Login kopieren</div></div>🎜Laufendes Ergebnis: 🎜🎜🎜🎜🎜【Verwandte Empfehlungen: 🎜🎜Javascript-Video-Tutorial🎜🎜, 🎜🎜Web-Frontend🎜🎜】🎜🎜🎜</array>

Das obige ist der detaillierte Inhalt vonZusammenfassung der Array-Wissenspunkte in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage