Heim > Web-Frontend > js-Tutorial > Hauptteil

Referenztypen des JavaScript-Einführungs-Tutorials_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:02:26
Original
1277 Leute haben es durchsucht

Referenztyp

Ein Referenztyp ist eine Datenstruktur, die zum gemeinsamen Organisieren von Daten und Funktionen verwendet wird. Es wird auch oft als Klasse bezeichnet, aber dieser Begriff ist unangemessen. Obwohl ECMAScript technisch gesehen eine objektorientierte Sprache ist, verfügt sie nicht über die grundlegenden Strukturen wie Klassen und Schnittstellen, die von herkömmlichen objektorientierten Sprachen unterstützt werden. Referenztypen werden manchmal als Objektdefinitionen bezeichnet, da sie die Eigenschaften und Methoden einer Objektklasse beschreiben.

Wie bereits erwähnt, ist der Wert eines Referenztyps ein Objekt. In ECMAScript ist ein Referenztyp eine Datenstruktur, die zum gemeinsamen Organisieren von Daten und Funktionen verwendet wird, und ein Objekt ist eine Instanz eines bestimmten Referenztyps.

var a=new Object(); 
Nach dem Login kopieren

Das Obige deklariert eine Instanz mit dem Referenztyp Object und speichert diese Instanz in der Variablen a, was bedeutet, dass diese Variable nicht tatsächlich die Instanz selbst, sondern einen Zeiger auf diese Instanz enthält.

Für den Objekttyp wird üblicherweise die Objektliteral-Notation zum Erstellen von Instanzen verwendet. Das heißt, var a={name: „Nick“, Alter: 20} hat den Vorteil, den Menschen ein Gefühl der Kapselung zu vermitteln. Für den Objektzugriff wird die Punktnotation oder die Notation mit eckigen Klammern verwendet. a.name entspricht a[„name“]. Beachten Sie, dass „name“ hier durch eine Zeichenfolge dargestellt wird.

Für den Array-Typ können Sie die Array-Literal-Notation verwenden.

Für den Array-Typ können Sie „length“ verwenden, um die Länge des Arrays zu ändern. (Elemente am Ende des Arrays hinzufügen oder daraus entfernen)

Die Methode zum Erkennen eines Arrays ist die Methode Array.isArray(value)

Konvertierungsmethode: toString() konvertiert in eine durch "," getrennte Zeichenfolge. valueOf() gibt immer noch ein Array zurück. toLocaleString() kann anhand des folgenden Beispiels implementiert werden.

var p1={
toString:function(){return "guo";},
toLocaleString:function(){return "yuzhe";}
}
var p2={
toString:function(){return "song";},
toLocaleString:function(){return "hap";}
}
var p=[p1,p2];
alert(p); //guo,song
alert(p.toLocaleString()); //yuzhe,hap 
Nach dem Login kopieren

Es ist ersichtlich, dass Alert vor der Ausgabe die Methode toString() aufruft. Darüber hinaus gibt es eine Methode join(), die verwendet wird, um eine Zeichenfolge mit dem angegebenen Symbol zurückzugeben. Der Standardwert (ohne Parametereinstellung) ist „. ,".

Stack-Methode: push() fügt Elemente am Ende hinzu und gibt die Länge des Arrays zurück. pop() löscht das Element am Ende und gibt das gelöschte Element zurück.

Warteschlangenmethode: Shift() überläuft das erste Element des Arrays und gibt das Element zurück. unshift() fügt dem ersten Absatz ein Element hinzu und gibt die Länge des Arrays zurück.

Neuordnungsmethode (Rückgabewert ist ein Array):

Reverse() kehrt die Reihenfolge um. a[Länge-1]=a[0]

Aufsteigende Sortiermethode „Sort()“ Die standardmäßige Sortiermethode „sort()“ sortiert nach ASCII, nicht nach der numerischen Größe, die wir vermuten. Sie müssen dies also verwenden, um Größen zu vergleichen

function compare(no1,no2){
if(no1<no2){
return -1;}
else if(no1>no2){
return 1;}
else{
return 0;} 
}
var a=[1,2,3,4,6,5];
a.sort(compare);
alert(a)
Nach dem Login kopieren

Wenn Sie einen Effekt in absteigender Reihenfolge erzeugen möchten, kehren Sie einfach die if-Anweisung um.

 Bedienung:

Concat() erstellt eine Kopie, die keine Auswirkungen auf das ursprüngliche Array hat. Seine Funktion besteht darin, die akzeptierten Parameter am Ende des Arrays hinzuzufügen.

    slice() erstellt eine Kopie, akzeptiert 1 oder 2 Parameter (gibt die Start- und Endposition des Elements zurück, mit Ausnahme der Endposition) und gibt im Fall nur eines Parameters alle Elemente von der angegebenen Position bis zum zurück Ende. Wenn der Parameter eine negative Zahl ist, ist das Ergebnis Länge+Argumente. Wenn die Endposition kleiner als die Startposition ist, wird ein leeres Array zurückgegeben.

splice(): 1. Löschmethode – Geben Sie zwei Parameter an: die Position des ersten zu löschenden Elements und die Anzahl der zu löschenden Elemente.

2. Einfügemethode: Geben Sie drei Parameter an: die Startposition, 0 (die zu löschende Zahl) und das einzufügende Element.

3. Ersetzungsmethode – geben Sie drei Parameter an: Startposition, Anzahl der gelöschten Elemente und einzufügende Elemente

Die Einfüge-/Austauschposition ist die Ausgangsposition.

 Positionsmethode:

IndexOf() gibt das Array des in der Tabelle unten zu findenden Elements zurück. Wenn nicht, gibt es -1 zurück. Parameter: das zu findende Element und (optional) den Index (Index) des Startpunkts für das suchen.

LastIndexOf() ist die umgekehrte Reihenfolge von indexOf().

 Iterationsmethode:

2 Parameter: die auszuführende Funktion und der (optionale) Bereich. Die an diese Methoden übergebenen Funktionen müssen drei Parameter haben (Element (der Wert des Array-Elements), Index (die Position des Elements), Array (Array-Objekt selbst)).

Every() führt die angegebene Funktion für jedes Element im Array aus und gibt true zurück, wenn jedes Element true zurückgibt

Filter() gibt ein Array von Elementen zurück, das „true“ zurückgibt

forEach() führt die angegebene Funktion für jedes Element aus, kein Rückgabewert

Map() gibt ein Array zurück, das aus den Ergebnissen jeder Funktionsausführung besteht

Wenn eines der Elemente von some() wahr ist, wird true zurückgegeben

<script>
var a=[1,2,3,4];
var b=a.every(function(item,index,array){
return item>2;
});
alert(b); //false
</script>
Nach dem Login kopieren

    归并方法:

        reduce()从数字第一项开始遍历,reduceRight()从数组最后一项开始遍历

        使用reduce()来求数组中的所有和      

<script>
var a=[1,2,3,4];
var b=a.reduce(function(prve,cur,index,array){
return prve+cur;
});
alert(b); //10
Nach dem Login kopieren

第一次执行时,prev为1,cur为2 ,第二次执行时,prev为3,cur为3。

以上所述是小编给大家介绍的JavaScript入门教程之引用类型的相关内容,希望对大家有所帮助!

Verwandte Etiketten:
Quelle:php.cn
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