Heim > Web-Frontend > js-Tutorial > Hauptteil

Schreiben Sie ein JavaScript-Programm, um die Eigenschaften eines JavaScript-Objekts aufzulisten

藏色散人
Freigeben: 2021-08-09 15:06:27
Original
2781 Leute haben es durchsucht

Im vorherigen Artikel „Mit js schnell die Fläche eines Dreiecks ermitteln“ habe ich Ihnen vorgestellt, wie Sie mit JavaScript die Fläche eines Dreiecks ermitteln können ~ Heute dieser Artikel zeigt Ihnen, wie Sie ein JavaScript-Programm schreiben. Listen Sie die Eigenschaften eines JavaScript-Objekts auf.

Lassen Sie uns die Methode zum Auflisten der Eigenschaften von JavaScript-Objekten im Detail vorstellen:

Erstellen Sie zunächst eine HTML-Beispieldatei.

Geben Sie dann direkt den Code ein:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    function _keys(obj)
    {
        if (!isObject(obj)) return [];
        if (Object.keys) return Object.keys(obj);
        var keys = [];
        for (var key in obj) if (_.has(obj, key)) keys.push(key);
        return keys;
    }
    function isObject(obj)
    {
        var type = typeof obj;
        return type === &#39;function&#39; || type === &#39;object&#39; && !!obj;
    }
    console.log(_keys({red: "#FF0000", green: "#00FF00", white: "#FFFFFF"}));

</script>
</body>
</html>
Nach dem Login kopieren

Das Ergebnis lautet wie folgt:

["red","green","white"]
Nach dem Login kopieren

Im obigen Code müssen Sie die Funktionsmethoden verstehen:

1 Die Object.keys()-Methode gibt ein Array zurück, das aus den aufzählbaren Eigenschaften eines bestimmten Objekts besteht. Die Reihenfolge der Eigenschaftsnamen im Array und die Normale Schleife durchläuft das Objekt. Die zurückgegebene Reihenfolge ist konsistent. Die Syntax lautet „Object.keys(obj)“, und der Parameter obj gibt an, dass das Objekt zurückgegeben werden soll, dessen aufgezählte Eigenschaften zurückgegeben werden sollen Der Rückgabewert ist ein aufzählbarer Wert, der alle aufzählbaren Schlüssel des angegebenen Objekts darstellt. Ein String-Array von Attributen. Object.keys(obj)”,参数obj表示要返回其枚举自身属性的对象;返回值是一个表示给定对象的所有可枚举属性的字符串数组。

2、push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度;语法是“arrayObject.push(newelement1,newelement2,....,newelementX)

2. Die Methode push() kann ein oder mehrere Elemente am Ende des Arrays hinzufügen und die neue Länge zurückgeben. Die Syntax lautet „arrayObject.push(newelement1,newelement2,....,newelementX)<“. /code >";Der Rückgabewert ist die neue Länge nach dem Hinzufügen des angegebenen Werts zum Array.


Die Parameter werden wie folgt ausgedrückt:

newelement1,要添加到数组的第一个元素。
newelement2,要添加到数组的第二个元素。
newelementX,可添加多个元素。
Nach dem Login kopieren
Die Methode push() kann ihre Parameter der Reihe nach am Ende von arrayObject hinzufügen. Es ändert das ArrayObject direkt, anstatt ein neues Array zu erstellen. Die push()-Methode und die pop()-Methode verwenden die vom Array bereitgestellte First-in-Last-Pop-Funktion.

Hinweis: JavaScript kann Daten „anzeigen“, indem es console.log() in die Browserkonsole schreibt.

Abschließend möchte ich jedem das „Basic JavaScript Tutorial

“ empfehlen ~ Willkommen zum Lernen ~🎜

Das obige ist der detaillierte Inhalt vonSchreiben Sie ein JavaScript-Programm, um die Eigenschaften eines JavaScript-Objekts aufzulisten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!