Einführung in integrierte JavaScript-Objekte

Einführung in integrierte JavaScript-Objekte

1. Eingebaute Objekte

Integrierte Objekte beziehen sich auf einige Objekte, die mit der JS-Sprache geliefert werden. Diese Objekte sind für Entwickler gedacht und bieten einige häufig verwendete oder grundlegendste und notwendige Funktionen (Eigenschaften und Methoden). Der größte Vorteil integrierter Objekte besteht darin, dass sie uns bei der schnellen Entwicklung helfen. JavaScript bietet mehrere integrierte Objekte: Math , Date , Array , String usw.

2. Mathematisches Objekt

Math Objekt ist kein Konstruktor, es verfügt über Eigenschaften und Methoden für mathematische Konstanten und Funktionen. Mathematische Operationen (wie etwa Absolutwert, Ganzzahlrundung, Maximalwert usw.) können Mitglieder in Math verwenden.

1. Verwendung von Mathe-Objekten

       Math.abs(x): Gibt den Absolutwert von x zurück.Math.pow(x,y): Gibt x hoch y zurück.Math.sqrt(x): Gibt die Quadratwurzel von x zurück.Math.random(): Gibt eine pseudozufällige Zahl zurück (zwischen 0,0 und 1,0).
    
    Math.round(x): Gibt die nächste Ganzzahl nach dem Runden von x zurück. Math.floor(x): Gibt die größte Ganzzahl zurück, die kleiner oder gleich x ist. (Abrunden)
    
    Math.ceil(x): Die Funktion gibt die kleinste Ganzzahl zurück, die größer oder gleich x ist (aufgerundet).
    
    Math.max(): Gibt den Maximalwert der Parameter zurück. Math.min(): Gibt den Minimalwert der Parameter zurück.

Hinweis: Die obige Methode muss in Klammern eingeschlossen werden

Wie unten dargestellt:

console.log('Math.abs(-2)='+Math.abs(-2));
        console.log('Math.ceil(1.7)='+Math.ceil(1.7));
        console.log('Math.floor(1.7)='+Math.floor(1.7));
        console.log('Math.pow(2,3)='+Math.pow(2,3));
        console.log('Math.sqrt(3)='+Math.sqrt(3));
        console.log('Math.round(3.4)='+Math.round(3.4));
        console.log('Math.round(3.6)='+Math.round(3.6));
        console.log('Math.max(1,2)='+Math.max(1,2));
        console.log('Math.min(1,2)='+Math.min(1,2));

Das Druckergebnis ist:

2. Generieren Sie Zufallszahlen in einem bestimmten Bereich

Kapseln Sie eine Funktion ein, die eine Zufallszahl zwischen 1 und 10 generiert:

Der Code lautet wie folgt:

Funktion Zufallszahl(min,max){
    gibt Math.floor(Math.random()*(max-min+1))+min zurück;
}
für(var i =1;i<=10;i++){
    console.log('Das Ergebnis des '+i+'ten Ausdrucks ist: '+random(1,10));
}

Die zufälligen Ausdruckergebnisse sind:

Darunter sind min . und max die Bereiche der generierten Zufallszahlen.

3. Datumsobjekt

  • Das Date Objekt unterscheidet sich vom Math Objekt. Es ist ein Konstruktor, daher müssen wir es instanziieren, bevor wir es verwenden können.
  • Date werden zur Verarbeitung von Datums- und Zeitangaben verwendet.

1. Verwendung der Date()-Methode

Um die aktuelle Zeit zu erhalten, müssen Sie Folgendes instanziieren:

var jetzt = neues Datum();
console.log(jetzt);

Parameter des Date()-Konstruktors:

  • Steht in der Klammer eine Uhrzeit, wird diese im Parameter zurückgegeben. Wenn die Datumsformatzeichenfolge beispielsweise „2019-5-1“ lautet, kann sie als neues Datum(„2019-5-1“) oder neues Datum(„2019/5/1“) geschrieben werden.
  • Wenn Date() keine Parameter schreibt, gibt es die aktuelle Zeit zurück
  • Wenn Sie Parameter in Date() schreiben, wird die in der Klammer eingetragene Zeit zurückgegeben.

Zum Beispiel:

       var date1 = neues Datum()
        Konsole.log('Datum1='+Datum1);
        var date2 = neues Datum (2021,11,08,20,51);
        console.log('date2='+date2);
        date3 = neues Datum('2021-11-08 20:54')
        console.log('date3='+date3);

Die Ausgabe ist:

2. Verwendung von Datumsobjekten

Verwendung der Get-Methode:

Zum Beispiel:

 var date1 = neues Datum()
        Konsole.log('Datum1='+Datum1);
        console.log('Dieses Jahr ist:' + date1.getFullYear() + 'Jahr');
        console.log('Dieser Monat ist:' + date1.getMonth() + 'Monat');
        console.log('Heute ist:' + date1.getDate() + 'Zahl');
        console.log('Jetzt ist: '+date1.getHours()+'');
        console.log('Jetzt ist:' + date1.getMinutes() + 'Minuten');

Das Ergebnis ist:

Verwendung der Set-Methode:

Zum Beispiel:

 var date1 = neues Datum()
        konsole.log(Datum1);
        date1.setFullYear(2020)
        konsole.log(Datum1);

Das ausgedruckte Ergebnis lautet:

3. Zeitstempel abrufen

Über die Methode valueof() oder getTime() des Datumsobjekts:

var date1 = neues Datum();
Konsole.log(Datum1.Wert von()); 
Konsole.log(Datum1.getTime()); 

Verwenden Sie den Operator „+“, um in einen numerischen Typ zu konvertieren:

var date2 = +neues Datum();
konsole.log(datum2); 

Verwenden Sie die neue Methode Date.now() in HTML5 :

console.log(Datum.jetzt());

4. Array-Objekt

1. Erstellung von Array-Objekten

Es gibt zwei Möglichkeiten, Array-Objekte zu erstellen:

  • Wörtliche Methode
  • neues Array()

2. Überprüfen Sie, ob es sich um ein Array handelt

Mit instanceof lässt sich ermitteln, ob ein Objekt von einem bestimmten Typ ist.
Array.isArray() wird verwendet, um zu bestimmen, ob ein Objekt ein Array ist. isArray() ist eine in HTML5 bereitgestellte Methode

Wie unten dargestellt:

 var arr = [1,2,3,4];
        var obj = {};
        console.log(arr-Instanz des Arrays);
        console.log(Objektinstanz des Arrays);
        console.log(Array.isArray(arr));
        console.log(Array.isArray(obj));

3. Methoden zum Hinzufügen und Löschen von Array-Elementen

Hinweis: Der Rückgabewert der Methoden push() und unshift() ist die Länge des neuen Arrays, während die Methoden pop() und shift() das verschobene Array-Element zurückgeben.

Zum Beispiel:
Es gibt ein Array [1500, 1200, 2000, 2100, 1800]. Es ist erforderlich, die Elemente mit mehr als 2000 im Array zu löschen und die verbleibenden Elemente in ein neues Array einzufügen. Der Code lautet wie folgt:

var arr = [1500, 1200, 2000, 2100, 1800];
        var neuesArr = [];
        für(var i=0;i<arr.length;i++){
            wenn(arr[i]<2000){
                newArr.push(arr[i]);
            }
        }
        console.log(neuerArr);

Das ausgedruckte Ergebnis lautet:

4. Array-Sortierung

Verfahren Funktionsbeschreibung
umkehren() Kehrt die Position von Elementen in einem Array um. Diese Methode ändert das ursprüngliche Array und gibt ein neues Array zurück.
Sortieren() Sortieren Sie die Elemente eines Arrays. Diese Methode ändert das ursprüngliche Array und gibt ein neues Array zurück.

Zum Beispiel:

Ein Array umkehren:

var arr = [1500, 1200, 2000, 2100, 1800];
        Konsole.log(arr);
        Konsole.log(arr.reverse());

Sortieren Sie ein Array:

var arr = [1500, 1200, 2000, 2100, 1800];
        Konsole.log(arr);
        var newArr = arr.sort(Funktion(a,b){
            return ab; // aufsteigende Reihenfolge return ba; // absteigende Reihenfolge })
        console.log(neuerArr);

Das ausgedruckte Ergebnis lautet:

5. Array-Indizierungsmethode

Methodenname veranschaulichen Rückgabewert
indexOf() Suchen Sie den ersten Index eines gegebenen Elements in einem Array Wenn es existiert, gibt es die Indexnummer zurück, wenn es nicht existiert, gibt es -1 zurück
letzterIndexVon() Der letzte Index im Array Wenn es existiert, gibt es die Indexnummer zurück, wenn es nicht existiert, gibt es -1 zurück

Zum Beispiel:

var arr = [1500, 1200, 2000,1500, 2100, 1500,1800];
        console.log('arr.indexOf(1500):' + arr.indexOf(1500));
        console.log('arr.lastIndexOf(1500):'+arr.lastIndexOf(1500));

Das ausgedruckte Ergebnis lautet:

Beispiel für Array-Deduplizierung:

Gegeben sei ein Array ['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b'], wir müssen doppelte Elemente aus dem Array entfernen.
Fallstudie:
Ziel: Wählen Sie die nicht doppelten Elemente im alten Array aus und fügen Sie sie in das neue Array ein. Behalten Sie nur ein doppeltes Element und fügen Sie es in das neue Array ein, um Duplikate zu entfernen.
Kernalgorithmus: Durchlaufen Sie das alte Array und verwenden Sie dann die alten Array-Elemente, um das neue Array abzufragen. Wenn das Element nicht im neuen Array erscheint, fügen wir es hinzu, andernfalls fügen wir es nicht hinzu.

Der Code lautet wie folgt:

 var arr = ['c', 'a', 'z', 'a','x', 'a', 'x', 'c', 'b'];
        var neuesArr = [];
        für(var i =0;i<arr.length;i++){
            wenn (newArr.indexOf(arr[i]) === -1)
            {
                newArr.push(arr[i]);
            }    
        }
        console.log(neuerArr);

Das ausgedruckte Ergebnis lautet:

6. Konvertierung von Arrays in Strings

Methodenname veranschaulichen Rückgabewert
zuString() Konvertieren Sie das Array in einen String und trennen Sie die einzelnen Elemente durch Kommas. Gibt einen String zurück
join('Trennzeichen') Die Methode wird verwendet, um alle Elemente in einem Array in eine Zeichenfolge umzuwandeln. Gibt einen String zurück

Zum Beispiel:

var arr = ['a', 'b', 'c'];
Konsole.log(arr);
console.log(arr.toString()); // Ausgabe: a,b,c
// Verwenden von join()
console.log(arr.join()); // Ausgabe: a,b,c
console.log(arr.join('')); // Ausgabe: abc
console.log(arr.join('-')); // Ausgabe: abc

5. String-Objekt

1. Position je nach Charakter zurückgeben

Methodenname veranschaulichen
indexOf() Gibt die Position des angegebenen Inhalts in der Originalzeichenfolge zurück. Wenn dieser nicht gefunden wird, wird -1 zurückgegeben. Die Startposition ist die Indexnummer.
letzterIndexVon() Von hinten nach vorne suchen, nur die ersten Treffer finden

Beispiel: Es ist erforderlich, die Position und Anzahl der Vorkommen aller angegebenen Elemente in einem Satz von Zeichenfolgen zu ermitteln. Die Zeichenfolge lautet „Hallo Welt, Hallo JavaScript“.

Der Code lautet wie folgt:

var str = 'Hallo Welt, Hallo JavaScript';
konsole.log(str);
var index = str.indexOf('o');
varnum = 0;
während (Index != -1) {
  console.log(index); // Ausgabe in der Reihenfolge: 4, 7, 17
  index = str.indexOf('o', index + 1);
  Zahl++;
}
console.log('Die Anzahl der Vorkommen von o beträgt: ' + num); // Die Anzahl der Vorkommen von o beträgt: 3

Das ausgedruckte Ergebnis lautet:

2. Zeichen nach Position zurückgeben

Zum Beispiel:

var str = "Apfel";
console.log(str.charAt(3)); // Ausgabe: 1
console.log(str.charCodeAt(0)); // Ausgabe: 65 (ASCII-Code des Zeichens A ist 65)
console.log(str[0]); // Ausgabe: A

Beispiel: Verwenden Sie charAt() um die häufigsten Zeichen und Zeiten in einer Zeichenfolge durch ein Programm zu zählen

var str = "Apfel";
// Schritt 1, Anzahl der Vorkommen jedes Zeichens zählen var o = {};
für (var i = 0; i < str.length; i++) {
  var chars = str.charAt(i); // Benutze chars, um jedes Zeichen im String zu speichern if (o[chars]) { // Benutze die Eigenschaften des Objekts, um die Suche nach Elementen zu erleichtern o[chars]++;
  } sonst { o[Zeichen] = 1; }
}
konsole.log(o); 

Das Druckergebnis ist:

3. String-Operationsmethoden

var str = 'Hallo Welt';
str.concat('!'); // Zeichen am Ende des Strings verketten, Ergebnis: HelloWorld!
str.slice(1, 3); // Extrahiere den Inhalt von Position 1 bis Position 3. Ergebnis: el
str.substring(5); // Extrahiere den Inhalt von Position 5 bis zum Ende. Ergebnis: World
str.substring(5, 7); // Inhalt von Position 5 bis Position 7 abfangen, Ergebnis: Wo
str.substr(5); // Inhalt von Position 5 bis zum Ende des Strings abfangen, Ergebnis: World
str.toLowerCase(); //Konvertiere den String in Kleinbuchstaben, Ergebnis: hallo Welt
str.toUpperCase(); //Konvertiere den String in Großbuchstaben, Ergebnis: HELLOWORLD
str.split('l'); // Verwenden Sie "l", um die Zeichenfolge zu teilen, Ergebnis: ["He", "", "oWor", "d"]
str.replace('Welt', '!'); // String ersetzen, Ergebnis: "Hallo!"

4. split()-Methode

split() wird zum Aufteilen eines Strings verwendet. Sie kann einen String in ein Array aufteilen. Nachdem die Segmentierung abgeschlossen ist, wird ein neues Array zurückgegeben.
Zum Beispiel:

var str = "a, b, c, d";
konsole.log(str);
console.log(str.split(',')); // Gibt ein Array zurück [a, b, c, d]

Dies ist das Ende dieses Artikels über integrierte JavaScript -Objekte. Weitere relevante integrierte JavaScript-Objekte finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Javascript-Grundlagen zu integrierten Objekten
  • JavaScript fügt Prototyp-Methodenimplementierung für integrierte Objekte hinzu
  • Analyse der Verwendung gängiger integrierter Objekte in JavaScript
  • In JavaScript integrierte Objektmathematik, globale Funktionen und Analyse von Anwendungsbeispielen
  • Detaillierte Erklärung der integrierten Objekte von JavaScript
  • Eine kurze Diskussion der häufig verwendeten integrierten Methoden und Objekte von js
  • Tiefgreifendes Verständnis einzelner integrierter Objekte in JavaScript
  • Detaillierte Erläuterung der in JavaScript integrierten Objektoperationen
  • Eine detaillierte Einführung in integrierte JSP-Objekte und -Methoden
  • Sammlung integrierter Objekteigenschaften und -methoden in JavaScript
  • So verwenden Sie die integrierte Objektmathematik von Javascript-Objekten
  • Einführung in integrierte Objekte in JavaScript

<<:  Teilen Sie 13 hervorragende Web-Wireframe-Design- und Produktionstools

>>:  Detaillierte Erklärung des Codes zur Implementierung linearer Farbverläufe mit CSS3

Artikel empfehlen

So leiten Sie eine URL mit Nginx Rewrite um

Ich muss in letzter Zeit bei der Arbeit oft die N...

Implementierungsmethode für die Datenspeicherung im WeChat-Applet

Inhaltsverzeichnis Globale Variable „globalData“ ...

Einführung in die Linux-Dateikomprimierung und -Verpackung

1. Einführung in Komprimierung und Verpackung All...

MySQL-Update-Fall Update-Feldwert ist keine feste Operation

Wenn bei der Verarbeitung von Batch-Updates besti...

Zabbix überwacht den Prozess der Linux-Systemdienste

Zabbix erkennt automatisch Regeln zur Überwachung...

Praktische Methode zum Löschen von Dateien über die Linux-Befehlszeile

rm-Befehl Der Befehl rm wird von den meisten Benu...

Detaillierte Erläuterung der Kernkonzepte und Fälle von webpack-dev-server

Kernkonzepte von webpack-dev-server Webpacks Cont...

So schreiben Sie hochwertigen JavaScript-Code

Inhaltsverzeichnis 1. Einfach zu lesender Code 1....

MySQL Master-Slave-Prinzip und Konfigurationsdetails

MySQL Master-Slave-Konfiguration und Prinzip, zu ...

So setzen Sie das Root-Passwort in CentOS7 zurück

Beim Verschieben von Bausteinen treten verschiede...