Es gibt viele Objektinhalte in JavaScript, und ich kann einige auswählen, die ich mehr benutze, um es zu erklären.
Erfahren Sie online und lesen Sie JavaScript -Studienhandbücher.
Wenn Sie dieses Handbuch möchten, können Sie eine Nachricht hinterlassen, und ich werde es Ihnen senden, wenn Sie sie sehen. Lassen Sie uns meinen eigenen Weg zum Fortschritt zusammenfassen.
1. Objekt:
(1) Alle Ereignisse in JavaScript sind Objekte: Zeichenfolgen, Arrays, Funktionen ...
(2) Jedes Objekt hat Eigenschaften und Methoden.
(3) JS erlaubt benutzerdefinierte Objekte.
2. Benutzerdefinierte Objekte:
(1) Definieren und erstellen Sie eine Objektinstanz.
(2) Verwenden Sie Funktionen, um das Objekt zu definieren und dann eine neue Objektinstanz zu erstellen.
Beispiel (für 2- (1)):
Methode 1:
<Script>
people = new Object ();
people.name = "yan xiaoyuan";
people.age = "18";
document.write ("Name:"+people.name+", Alter:"+people.age);
</script>
Ergebnis: Die Schnittstelle druckt den Namen: Yan Xiaoyuan, Alter: 18
Methode 2:
<Script>
people = new Object ();
people = {
Name: "Yan Xiaoyuan",
Alter: 18
}
document.write ("Name:"+people.name+", Alter:"+people.age);
</script>
Ergebnis: Die Schnittstelle druckt den Namen: Yan Xiaoyuan, Alter: 18
Beispiel (für 2- (2)):
<Script>
Funktion people (Name, Alter) {
this.name = name;
this.age = Alter;
}
Sohn = neue Leute ("Yan Xiaoyuan", 18);
document.write ("Name:"+Son.Name+", Alter:"+Son.age);
</script>
Ergebnis: Die Schnittstelle druckt den Namen: Yan Xiaoyuan, Alter: 18
String -String -Objekt
1. Stringobjekt:
String -Objekt wird verwendet, um vorhandene Zeichenfolgen zu verarbeiten. Saiten können in einzelnen oder doppelten Zitaten verwendet werden [erweitern: gemischte Verwendung, um Konflikte zu vermeiden. 】.
2. Demonstration einiger Eigenschaften:
(1) Finden Sie die Zeichenfolge in der Zeichenfolge: indexof ()
Beispiel (für 2- (1)):
<Script>
var str = "Hallo Welt";
document.write ("String:"+str.length+"<br/>");
document.write ("Welt der Welt:"+Str.Indexof ("Welt")+"<br/>");
document.write ("lllllls Standort" Str.Indexof ("llllllll"));
</script>
Ergebnis: Die Schnittstelle druckt die Zeichenfolge aus: 11
Die Lage der Welt: 6
lllllllls Standort: -1
(2) Inhaltsübereinstimmung: Match ()
Beispiel (für 2- (2)):
<Script>
var str = "Hallo Welt";
document.write (str.match ("welt"));
document.write (str.match ("lllllllll"));
</script>
Ergebnis: Die Schnittstelle druckt World Null aus
(3) Inhalt ersetzen: ersetzen ()
Beispiel (für 2- (3)):
<Script>
var str = "Hallo Welt";
document.write (Str.Replace ("Welt", "123");
</script>
Ergebnisse: Die Schnittstelle druckt Hallo 123
(4) Conversion von String Capitalisierung: touppercase () / tolowerCase ()
Beispiel (für 2- (4)):
<Script>
var str = "Hallo Welt";
document.write (str.Touppercase ());
</script>
Ergebnisse: Die Schnittstelle druckt Hello World aus
(5) String in Array konvertieren: split ()
Beispiel (für 2- (5)):
<Script>
var str1 = "Hallo, JJJ, lll, kkk";
var s = str1.split (","); // Verwenden Sie Kommas als Trennzeichen
document.write (s [1]);
</script>
Ergebnis: Schnittstellendruck JJJ
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Datum des Datumsangebots
1.Date Objekt:
Datumsobjekte werden verwendet, um Daten und Zeiten zu verarbeiten.
2. Erhalten Sie das Datum des Tages.
3. Einige häufig verwendete Methoden:
(1) GetFlyear (): Holen Sie sich das Jahr.
(2) GetTime (): Holen Sie sich Millisekunden.
(3) SETFAY (): Legen Sie das spezifische Datum fest.
(4) Getday (): Holen Sie sich die Woche.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Beispiel (für 3):
<Script>
var date = new Date ();
document.write (Datum+"<br/>");
document.write (date.getingfullyear ()+"<br/>");
document.write (date.getTime ()+"<br/>");
document.write (date.getday ()+"<br/>");
Datum.setvoller (2010, 1,1);
document.write (Datum);
</script>
Ergebnis:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
4. Uhr Beispiel:
<html>
<kopf>
<Script>
Funktion startTime () {
var heute = neuer Datum ();
var h = heute.gethours ();
var m = heute.getminutes ();
var s = heute.getSeconds ();
M = CheckTime (m);
S = CheckTime (s);
document.getElementById ('txt'). innerHtml = H+":"+m+":"+s;
t = setTimeout ('startTime ()', 500); // äquivalent zu t = setTimeout (function () {startime;}, 500)
}
Funktionsprüfung (i) {
if (i <10) {
i = "0" + i;
}
Rückkehr i
}
</script>
</head>
<body onload = "startTime ()">
<div id = "txt"> </div>
</body>
</html>
Ergebnisse: Dynamische Anzeigezeit
Array -Objekt:
1.Array -Objekt:
Verwenden Sie separate Variablen, um eine Reihe von Werten zu speichern.
2. Array -Kreation:
Beispiel: var myarray = ["kkk", "ddd", "ddddd"];
3.. Zugriff auf Arrays:
Durch Angeben des Array -Namens und der Indexnummer können Sie auf ein bestimmtes Element zugreifen.
[Anmerkung: [0] ist das erste Element des Arrays und so weiter. 】
4.. Gemeinsame Methoden für Arrays:
(1) concat (): Arrays zusammenführen.
(2) sort (): sortieren.
(3) Push (): Element am Ende anhängen.
(4) Reverse (): Drehen Sie das Array -Element um.
Beispiel (für 4- (1)):
<Script>
var a = ["aa", "bb"];
var b = ["cc", "dd"];
var c = a.concat (b);
document.write (c);
</script>
Ergebnis: Die Schnittstelle druckt aa BB CC DD
Beispiel (für 4- (2)):
<Script>
var a = ["a", "c", "d", "t", "b", "e"];
document.write (a.sort ());
</script>
Ergebnis: Die Schnittstelle druckt ABCEDT
【Erweitert】
<Script>
var a = ["5", "2", "3", "4", "1"];
document.write (A.Sort (Funktion (a, b) {return ba;}))
</script>
Ergebnis: Die Schnittstelle druckt 54321 aus (PS: Da BA in umgekehrter Reihenfolge angeordnet ist).
Beispiel (für 4- (3)):
<Script>
var a = ["a", "b"];
a.push (c);
document.write (a);
</script>
Ergebnisse: ABC ausdrucken
Beispiel (für 4- (4)):
<Script>
var a = ["c", "b", "a"];
document.write (A.Reverse ());
</script>
Ergebnisse: ABC ausdrucken
Mathematikobjekt:
1.Match -Objekt:
Führen Sie gemeinsame arithmetische Aufgaben aus.
2. Häufige Methoden:
(1) Round (): Round (): Rund.
(2) Random (): Gibt eine Zufallszahl zwischen 0 und 1 zurück.
(3) max (): Gibt den höchsten Wert zurück.
(4) min (): Gibt den Mindestwert zurück.
(5) ABS (): Gibt den absoluten Wert zurück.
Beispiel (für 2- (1)):
document.write (math.round (2.5));
Ergebnisse: 3 auf der Schnittstelle gedruckt
Beispiel (für 2- (2)):
document.write (math.randow ());
Ergebnis: Die Schnittstelle druckt zufällig eine Anzahl von 0 ~ 1.
document.write (math.randow ()*10);
Ergebnis: Die Schnittstelle druckt zufällig eine Zahl von 1 bis 10.
document.write (parseInt (math.randow ()));
Ergebnis: Die Schnittstelle druckt zufällig eine Zahl von 0 bis 1, und diese Zahl ist eine Ganzzahl.
Beispiel (für 2- (3)):
document.write (math.max (10,20,3,90));
Ergebnis: Die Schnittstelle druckt den Maximalwert von 90.
Beispiel (für 2- (4)):
document.write (math.min (12,0,2,3,4));
Ergebnis: Die Schnittstelle druckt den Mindestwert von 0 aus.
Beispiel (für 2- (5)):
document.write (math.abs (-10));
Ergebnis: Die Schnittstelle druckt 10 aus.