Maison >interface Web >js tutoriel >Écrire un programme JavaScript pour lister les propriétés d'un objet JavaScript

Écrire un programme JavaScript pour lister les propriétés d'un objet JavaScript

藏色散人original: 2021-08-09 15:06:272843parcourir

Dans l'article précédent "Trouver rapidement l'aire d'un triangle en utilisant js", je vous ai présenté comment utiliser JavaScript pour trouver l'aire d'un triangle. Les amis intéressés peuvent y jeter un œil~ Aujourd'hui, cet article. vous présentera comment écrire un programme JavaScript. Répertoriez les propriétés d'un objet JavaScript.

Présentons en détail la méthode de listage des propriétés des objets JavaScript :

Créez d'abord un fichier exemple HTML

Puis saisissez directement le code :

<!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>

Le résultat est le suivant :

["red","green","white"]

Dans le code ci-dessus, vous devez comprendre les méthodes de fonction :

1. La méthode Object.keys() renverra un tableau composé des propriétés énumérables d'un objet donné. L'ordre des noms de propriétés dans le tableau et la normale. boucle parcourir l'objet L'ordre renvoyé est cohérent ; sa syntaxe est "Object.keys(obj)", et le paramètre obj indique que l'objet dont les propriétés énumérées doivent être renvoyées doit être renvoyé ; la valeur de retour est une valeur énumérable représentant toutes les clés énumérables de l'objet donné. Object.keys(obj)”，参数obj表示要返回其枚举自身属性的对象；返回值是一个表示给定对象的所有可枚举属性的字符串数组。

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

2. La méthode push() peut ajouter un ou plusieurs éléments à la fin du tableau et renvoyer la nouvelle longueur ; la syntaxe est "

arrayObject.push(newelement1,newelement2,....,newelementX)";La valeur de retour est la nouvelle longueur après avoir ajouté la valeur spécifiée au tableau. <p><br>Les paramètres sont exprimés comme suit : La méthode </p>
<p><pre class="brush:php;toolbar:false">newelement1，要添加到数组的第一个元素。
newelement2，要添加到数组的第二个元素。
newelementX，可添加多个元素。</pre></p>push() peut ajouter ses paramètres à la fin de arrayObject dans l'ordre. Il modifie directement le arrayObject au lieu de créer un nouveau tableau. Les méthodes push() et pop() utilisent la fonction first-in-last-pop fournie par le tableau. <p></p>Remarque : JavaScript peut « afficher » les données en écrivant console.log() dans la console du navigateur. <p><a href="https://www.php.cn/course/list/2.html" target="_blank">Enfin, je voudrais recommander "</a>Tutoriel JavaScript de base</p>" à tout le monde~ Bienvenue à tous pour apprendre~🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Une brève analyse de la projection de contenu dans l'apprentissage des composants angulairesArticle suivant：Une brève analyse de la projection de contenu dans l'apprentissage des composants angulaires

Articles Liés

Voir plus