Heim > Web-Frontend > js-Tutorial > Hauptteil

Funktionen und Verwendung von integrierten js-Objekten

王林
Freigeben: 2024-01-10 10:59:45
Original
1211 Leute haben es durchsucht

Funktionen und Verwendung von integrierten js-Objekten

Funktion und Verwendung von in js integrierten Objekten

JavaScript (kurz JS) ist eine Skriptsprache, die in der Webentwicklung weit verbreitet ist. Als objektorientierte Sprache bietet JS viele integrierte Objekte, die verschiedene Funktionen und Methoden enthalten, um Entwicklern beim effizienteren Programmieren zu helfen.

In diesem Artikel werden einige häufig verwendete integrierte JS-Objekte vorgestellt, darunter Mathematik, Datum, Array und Zeichenfolge, sowie deren Funktionen und Verwendung und spezifische Codebeispiele bereitgestellt.

  1. Math-Objekt

Math-Objekt ist ein mathematikbezogenes integriertes Objekt, das viele häufig verwendete mathematische Berechnungsmethoden bereitstellt.

Die gängigen Methoden von Math-Objekten sind wie folgt:

  • Math.abs(x): Gibt den absoluten Wert von x zurück.
  • Math.ceil(x): Gibt die kleinste Ganzzahl zurück, die größer oder gleich x ist.
  • Math.floor(x): Gibt die größte Ganzzahl zurück, die kleiner oder gleich x ist.
  • Math.round(x): Gibt die ganze Zahl zurück, die x am nächsten kommt.
  • Math.max(x1, x2, ...): Gibt den Maximalwert in einer Reihe von Zahlen zurück.
  • Math.min(x1, x2, ...): Gibt den Mindestwert in einer Reihe von Zahlen zurück.
  • Math.random(): Gibt eine Zufallszahl zwischen 0 und 1 zurück.

Beispielcode:

console.log(Math.abs(-5));  // 输出:5
console.log(Math.ceil(3.7));  // 输出:4
console.log(Math.floor(3.7));  // 输出:3
console.log(Math.round(3.2));  // 输出:3
console.log(Math.max(1, 2, 3));  // 输出:3
console.log(Math.min(1, 2, 3));  // 输出:1
console.log(Math.random());  // 输出:0.123456789(随机数)
Nach dem Login kopieren
  1. Datumsobjekt

Das Datumsobjekt wird zur Verarbeitung datums- und zeitbezogener Vorgänge verwendet. Sie können ein Date-Objekt erstellen, das die aktuelle Uhrzeit darstellt, oder Sie können ein Date-Objekt erstellen, indem Sie Datum und Uhrzeit angeben.

Die gängigen Methoden von Date-Objekten sind wie folgt:

  • new Date(): Erstellt ein Date-Objekt, das die aktuelle Uhrzeit darstellt.
  • neues Datum (Jahr, Monat, Tag [, Stunden, Minuten, Sekunden, Millisekunden]): Erstellen Sie ein Datumsobjekt, das Datum und Uhrzeit angibt.
  • Date.now(): Gibt den Zeitstempel der aktuellen Uhrzeit zurück.

Beispielcode:

var now = new Date();
console.log(now);  // 输出:Mon Dec 20 2021 15:30:00 GMT+0800 (中国标准时间)

var specificDate = new Date(2021, 11, 25);
console.log(specificDate);  // 输出:Fri Dec 25 2021 00:00:00 GMT+0800 (中国标准时间)

var timestamp = Date.now();
console.log(timestamp);  // 输出:1639977000000(时间戳)
Nach dem Login kopieren
  1. Array-Objekt

Array-Objekt ist ein integriertes Objekt, das zum Speichern und Bearbeiten eines Datensatzes verwendet wird. Ein Array-Objekt kann durch Literale oder Konstruktoren erstellt werden.

Übliche Methoden von Array-Objekten sind wie folgt:

  • push(element1, element2, ...): Fügen Sie ein oder mehrere Elemente am Ende des Arrays hinzu.
  • pop(): Entfernen Sie das letzte Element des Arrays und geben Sie es zurück.
  • shift(): Löschen Sie das erste Element des Arrays und geben Sie es zurück.
  • unshift(element1, element2, ...): Fügen Sie ein oder mehrere Elemente am Anfang des Arrays hinzu.
  • concat(array1, array2, ...): Gibt ein neues Array zurück, das mehrere Arrays zusammenführt.

Beispielcode:

var fruits = ['apple', 'banana', 'orange'];
fruits.push('pear');
console.log(fruits);  // 输出:[ 'apple', 'banana', 'orange', 'pear' ]

var lastFruit = fruits.pop();
console.log(lastFruit);  // 输出:pear
console.log(fruits);  // 输出:[ 'apple', 'banana', 'orange' ]

var firstFruit = fruits.shift();
console.log(firstFruit);  // 输出:apple
console.log(fruits);  // 输出:[ 'banana', 'orange' ]

fruits.unshift('grape');
console.log(fruits);  // 输出:[ 'grape', 'banana', 'orange' ]

var moreFruits = ['watermelon', 'kiwi'];
var allFruits = fruits.concat(moreFruits);
console.log(allFruits);  // 输出:[ 'grape', 'banana', 'orange', 'watermelon', 'kiwi' ]
Nach dem Login kopieren
  1. String-Objekt

String-Objekt ist ein integriertes Objekt zur Verarbeitung von Zeichenfolgen. Sie können die Methoden des String-Objekts verwenden, um Zeichenfolgen zu bearbeiten, z. B. Verkettung, Suche und Ersetzung.

Übliche Methoden von String-Objekten sind wie folgt:

  • length: Gibt die Länge des Strings zurück.
  • charAt(index): Gibt das Zeichen an der angegebenen Indexposition zurück.
  • indexOf(substring): Gibt die Indexposition des ersten Vorkommens des Teilstrings im String zurück.
  • substring(startIndex, endIndex): Gibt den Teilstring im angegebenen Bereich im String zurück.
  • replace(oldValue, newValue): Ersetzen Sie den alten Wert in der Zeichenfolge durch den neuen Wert.

Beispielcode:

var message = 'Hello, World!';
console.log(message.length);  // 输出:13

console.log(message.charAt(4));  // 输出:o

console.log(message.indexOf('World'));  // 输出:7

console.log(message.substring(7, 12));  // 输出:World

var newMessage = message.replace('World', 'JavaScript');
console.log(newMessage);  // 输出:Hello, JavaScript!
Nach dem Login kopieren

Das Obige ist eine Einführung in einige häufig verwendete integrierte JS-Objekte und deren Funktionen und Verwendung. Durch die Methoden dieser integrierten Objekte können wir mathematische Operationen, Datum und Uhrzeit einfacher verarbeiten , Arrays und String-Operationen. Die Kenntnis dieser Objekte und ihrer Methoden kann die Effizienz und Qualität der JS-Programmierung erheblich verbessern.

Das obige ist der detaillierte Inhalt vonFunktionen und Verwendung von integrierten js-Objekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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