Javascript-Grundlagen zu integrierten Objekten

1. Einführung in integrierte Objekte

JavaScript besteht aus: ECMAScript | DOM | BOM

ECMAScript： Variablen, Funktionen, Datentypen, Flusssteuerung, integrierte Objekte

Objekte in js: benutzerdefinierte Objekte, integrierte Objekte, Browserobjekte (nicht Teil von ECMAScript)

1.1 Mathematisches Objekt

Stellt eine Reihe mathematikbezogener Methoden oder Eigenschaften bereit (statisch | Instanz)

1.2 Methoden in der Mathematik

• Math,PI --- Ermitteln Sie den Wert von Pi
• Math.random() --- Gibt eine Zufallszahl zwischen 0 und 1 zurück.

Flexibler Einsatz:

a: Finden Sie eine Zufallszahl zwischen zwei Zahlen, einschließlich dieser beiden Zahlen:

Math.floor( Math.random() * (max - min + 1) + min );

Beispiel: Finden Sie eine zufällige Ganzzahl zwischen 1 und 10 [einschließlich]

Funktion getRondom(min, max) {
            gibt Math.floor(Math.random() * (max - min + 1) + min) zurück;
        }
        var i = getRondom(1,10);
        konsole.log(i);

b: Wenn Sie zufällig sortieren möchten, können Sie Folgendes verwenden:

Math.random() – 0,5 Genauigkeit. Durch Ausnutzung dieser Schwäche erfolgt eine zufällige Sortierung.

Beispiel: Zufällige Sortierung

var arr1 = ["Lu Han", "Wang Junkai", "Cai Xukun", "Eddie Peng", "Jay Chou", "Andy Lau", "Zhao Benshan"];
        arr1.sort(Funktion(){
            gibt Math.random() zurück - 0,5;
        });
        Konsole.log(arr1);
 

• Math.floor() --- Rundet ab und gibt eine Ganzzahl zurück, die kleiner als die aktuelle Zahl ist
• Math.ceil() --- Rundet auf und gibt eine Ganzzahl zurück, die größer als die aktuelle Zahl ist
• Math.round() --- Auf die nächste Ganzzahl runden

Sonderfälle:

console.log(Math.round(-1.5)) //Das Ergebnis ist -1  

• Math.abs() --- Nimm den Absolutwert (gibt den Absolutwert der aktuellen Zahl zurück, eine positive Ganzzahl)

console.log(Math.abs("1")); //Die implizite Konvertierung wandelt die Zeichenfolge 1 in eine Zahl um console.log(Math.abs("fanfan")); //NaN

• Math.max() --- Gibt den Maximalwert in einer Zahlenmenge zurück (Sie können mehrere Parameter festlegen und den Maximalwert zurückgeben, der Parameter darf kein Array sein)

Konsole.log(Math.max(1,4,8,35,"fanfan")); //NaN
  console.log(Math.max()); //-Unendlich 

• Math.min() --- Gibt den Minimalwert in einer Zahlenmenge zurück (mehrere Parameter können gleichzeitig festgelegt werden, derselbe Effekt wie beim Maximalwert)

console.log(Math.min()); //Unendlich 

• Math.sin(x)
• Math.cos(x)
• Math.tan(x)
• Math.pow(x,y) --- Gibt x hoch y zurück.

1.3 Datumsobjekt

Verwendung 1: Leerer Konstruktor

var d = new Date(); //Wenn kein Parameter vorhanden ist, geben Sie die aktuelle Zeit des aktuellen Systems zurück

Verwendung 2: Übergeben Sie eine Zeichenfolge im Datumsformat

 var d = neues Datum("1988-8-8 8:8:8")

Verwendung 3: Zahlen eingeben

 var d = neues Datum (Jahr, Monat [Tag, Uhrzeit, Sekunde]); //Sie müssen Jahr und Monat festlegen. Die Elemente in Klammern sind optional.

Hinweis: Monate beginnen bei 0, wobei 0 für Januar steht

 var date1 = new Date(2019, 10, 01); //Eigentlich 1. November 2019

Holen Sie sich den Millisekundenwert der aktuellen Zeit: (die Anzahl der Millisekunden seit dem 1. Januar 1970)

Schreibmethode 1:

d.Wert von()    

d.getTime() // Empfohlen

//Den aktuellen Millisekundenwert abrufen var date = new Date();
        Konsole.log(Datum.Wert von());
        Konsole.log(Datum.getTime());

Schreibmethode 2 : (am häufigsten verwendet)

 var date1 = +new Date(); // +new Date() gibt die Gesamtzahl der Millisekunden zurück

Schreibmethode drei:

Date.now() //H5 neue Methode ist kompatibel

2. Methoden in Date

• var d = new Date(); --- Datumsformatierungsmethode
• d.getSeconds() //Sekunden abrufen
• d.getMinutes() //Minuten abrufen
• d.getHours() //Stunden abrufen
• d.getDay() //Gibt den aktuellen Wochentag zurück, wenn kein Parameter vorhanden ist (0 bedeutet Sonntag) 0-6

So ermitteln Sie den Wochentag:

var arr = ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'];
         var Tag = Datum.getDay();
         console.log(ankunft[tag]);

• d.getDate() //Gibt das aktuelle Datum zurück, wenn kein Parameter vorhanden ist
• d.getMonth() //Gibt den aktuellen Monat zurück, wenn kein Parameter vorhanden ist (beginnend bei 0) 0-11
• d.getFullYear() //Gibt das aktuelle Jahr zurück, wenn kein Parameter vorhanden ist
• d.toString(); //In String konvertieren
• d.toDateString(); //In Datumszeichenfolge konvertieren
• d.toTimeString(); //In Zeitzeichenfolge konvertieren
• d.toLocaleDateString(); //Gibt das lokale Datumsformat zurück (verschiedene Browser haben unterschiedliche Auswirkungen)
• d.toLocaleTimeString(); //Gibt das lokale Zeitformat zurück (verschiedene Browser haben unterschiedliche Auswirkungen)

3. Klassischer Fall: Countdown-Effekt:

Funktion countTime(Zeit) {
            var jetztZeit = +neues Datum();
            console.log(jetztUhrzeit);
            var Timer = +neues Datum(Uhrzeit);
            Konsole.log(Zeitgeber);
            var times = (Timer – aktuelleZeit) / 1000;
            var d = parseInt(mal / 60 / 60 / 24);
            d = d < 10 ? "0" + d : d;
            var h = parseInt(mal / 60 / 60 % 24);
            h = h < 10 ? "0" + h : h;
            var m = parseInt(Zeiten / 60 % 60);
            m = m < 10 ? "0" + m : m;
            var s = parseInt(mal % 60);
            s = s < 10 ? "0" + s : s;
            return d + "Tag" + h + "Stunde" + m + "Minute" + s + "Sekunde"
 
        }
        var i = AnzahlZeit("2021-11-11 18:00:00");
        konsole.log(i);

4. Array-Objekt

4.1 Array-Erstellung

Verwenden von Array-Literalen:

var arr = [1,2,3];

Verwenden von new Array():

var arr1 = new Array(); //Erstelle ein leeres Array
var arr1 = new Array(2); //Diese 2 bedeutet, dass die Länge des Arrays 2 ist und es 2 leere Array-Elemente gibt

var arr1 = new Array(2,3); // entspricht [2,3] Dies bedeutet, es gibt 2 Array-Elemente, 2 und 3.

4.2 Allgemeine Methoden in Arrays

Bestimmen Sie, ob eine Variable ein Array ist:

• Array.isArray(ary) //H5 neues Attribut wird ab IE9 unterstützt
• Parameterinstanz instanceof Array

toString() --- Konvertiert ein Array in einen String und trennt die Werte dabei durch Kommas.

valueOf() --- Gibt das Array-Objekt selbst zurück

ary.pop() [Common] --- Löscht das letzte Wort im Array und ändert die Länge des Arrays. Hinweis: In () sind keine Parameter enthalten.

ary.shift() --- Löscht das erste Element im Array und ändert die Länge des Arrays. Hinweis: In () ist kein Parameter enthalten.

ary.push() [Common] --- Diese Methode hat einen Rückgabewert, der die letzte Länge des Arrays angibt. In dieser Methode können mehrere Parameter festgelegt werden. Fügen Sie einen oder mehrere hinzu

ary.unshift() --- Einen Wert am Anfang eines Arrays hinzufügen

reverse() --- Ein Array umkehren

indexOf(content[,index]) --- Methode zum Zurückgeben des Index eines Array-Elements. Bei der Suche von Anfang an wird nur die erste Indexnummer zurückgegeben, die die Bedingungen erfüllt.
lastIndexOf() --- Suche vom Ende des Arrays aus und gibt den Index zurück, wenn gefunden, oder -1, wenn nicht gefunden.

join(分隔符) --- Verbindet jedes Element im Array durch ein Zeichen mit einem Block (Array zu String). Ändert das Trennzeichen zwischen den Zeichen, die Vorgabe ist ",".

Sortierung:

arr.sort() --- Nach Ziffern sortieren sort(function(){})

arr.sort(Funktion(a,b){
    return ab; // aufsteigende Reihenfolge})
arr.sort(Funktion(a,b){
    return ba; //Absteigende Reihenfolge})

concat() --- verkettet zwei Arrays und gibt ein neues Array zurück

slice(startindex, endindex) --- Extrahiert ein neues Array aus dem aktuellen Array. Der erste Parameter stellt die Startindexposition dar, der zweite Parameter die Endindexposition.

splice(startindex, deletCont, options) --- Bestimmte Werte in einem Array löschen oder ersetzen
Der erste Parameter gibt an, wo mit dem Löschen begonnen werden soll
Der zweite Parameter gibt an, wie viele insgesamt gelöscht werden sollen.
Der dritte Parameter stellt den zu ersetzenden Wert dar.

5. Schnur

1. charAt (Index) --- Holen Sie sich das Zeichen an der angegebenen Position

2. str[index] --- Holen Sie sich das Zeichen an der angegebenen Position (Methode in H5)

3. charCodeAt(index) --- Gibt den ASCII-Wert des Zeichens an der entsprechenden Indexnummer zurück, um zu bestimmen, welche Taste der Benutzer gedrückt hat

4. concat() --- verkettet Zeichenketten, entspricht +

5. slice(strat,end) --- Beginnen Sie an der angegebenen Position und fangen Sie die Zeichenfolge bis zur Endposition ab. Der Endwert kann sein

6. Teilzeichenfolge (Start, Ende) --- Beginnen Sie an der angegebenen Position und fangen Sie die Zeichenfolge bis zur Endposition ab. Der Endwert kann nicht abgerufen werden, der Startwert jedoch schon.

7. substr ('Startposition des Abfangens', 'Wie viele Zeichen sollen abgefangen werden?') // Beginnen Sie an der angegebenen Position und fangen Sie die Zeichenlänge ab

8. indexOf(character) --- Gibt die Position eines Zeichens in einer Zeichenfolge zurück [zum ersten Mal]

9. lastIndexOf(character) --- Suche von hinten nach vorne, finde nur das erste passende Zeichen [last]

10. trim() --- kann nur führende und nachfolgende Leerzeichen in einer Zeichenfolge entfernen

11. toLocaleUpperCase() //In Großbuchstaben umwandeln
toLocaleLowerCase() //In Kleinbuchstaben umwandeln

12. replace(a,b) --- Ersetze a durch b
split() --- Einen String mit einem Trennzeichen in ein Array aufteilen (String in Array)

Dies ist das Ende dieses Artikels über die Grundkenntnisse von Javascript und das Wissen über integrierte Objekte. Weitere Informationen zu integrierten Javascript-Objekten finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!