Maison interface Web js tutoriel Explication détaillée des compétences d'utilisation_javascript d'objet et de tableau d'impression js console.log

Explication détaillée des compétences d'utilisation_javascript d'objet et de tableau d'impression js console.log

May 16, 2016 pm 03:18 PM
js 打印 数组

L'exemple de cet article décrit l'utilisation des objets et des tableaux d'impression js console.log. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Qu'est-ce que console.log ? Il s'agit en fait d'une simple fonction qui imprime des tableaux et des objets js, tout comme print_r et var_dump de PHP. Il n'y a pas grand chose à dire sur la fonction console.log elle-même. Ce blog vous expliquera comment utiliser cette fonction. Avant de parler de cette fonction, je pense que la fonction la plus couramment utilisée pour afficher la sortie js est alert, mais alert ne peut lire que des chaînes ou des int

1. Fichier de test test.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>console.log test</title>
</head>
<script type="text/javascript">
var testobj =
  {
    'id': 1,
    'content': 'test',
    'firstname': function() {
      document.getElementById('firstname').value = "zhang";
    },
    'lastname': function() {
      document.getElementById('lastname').value = "ying";
    }
  };
<!-- 打印对像 -->
  console.log(testobj);
</script>
<body>
   <input type="text" id='firstname' name="firstname" value=''>
   <input type="text" id='lastname' name='lastname' value=''>
</body>
</html>

Copier après la connexion

2. Afficher les objets js à l'aide des outils de développement Chrome

console chromée

Maintenant, lorsque j'utilise les outils de développement Chrome et Firebug, ils sont moitié-moitié. Les outils de développement Chrome ont également une fonctionnalité que Firebug n'a pas.

La console peut exécuter js. Si la page est une iframe, Firebug ne peut s'exécuter que sur le parent et Chrome peut choisir la page à l'intérieur à exécuter, comme indiqué ci-dessous

console chrome iframe

3. Afficher les objets js dans Firebug

console Firebug

Les lecteurs intéressés par plus de contenu lié aux tableaux JavaScript peuvent consulter le sujet spécial sur ce site : "Résumé des compétences en matière d'opération de tableau JavaScript"

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration de ce site Web
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 chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Apr 03, 2024 am 11:55 AM

Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS

Comment supprimer les éléments en double du tableau PHP à l'aide de la boucle foreach ? Comment supprimer les éléments en double du tableau PHP à l'aide de la boucle foreach ? Apr 27, 2024 am 11:33 AM

Comment supprimer les éléments en double du tableau PHP à l'aide de la boucle foreach ?

Inversion des valeurs clés du tableau PHP : analyse comparative des performances de différentes méthodes Inversion des valeurs clés du tableau PHP : analyse comparative des performances de différentes méthodes May 03, 2024 pm 09:03 PM

Inversion des valeurs clés du tableau PHP : analyse comparative des performances de différentes méthodes

Pratique du tri multidimensionnel des tableaux PHP : des scénarios simples aux scénarios complexes Pratique du tri multidimensionnel des tableaux PHP : des scénarios simples aux scénarios complexes Apr 29, 2024 pm 09:12 PM

Pratique du tri multidimensionnel des tableaux PHP : des scénarios simples aux scénarios complexes

L'art de PHP Array Deep Copy : utiliser différentes méthodes pour obtenir une copie parfaite L'art de PHP Array Deep Copy : utiliser différentes méthodes pour obtenir une copie parfaite May 01, 2024 pm 12:30 PM

L'art de PHP Array Deep Copy : utiliser différentes méthodes pour obtenir une copie parfaite

Application de la fonction de regroupement de tableaux PHP dans le tri des données Application de la fonction de regroupement de tableaux PHP dans le tri des données May 04, 2024 pm 01:03 PM

Application de la fonction de regroupement de tableaux PHP dans le tri des données

Meilleures pratiques pour la copie approfondie des tableaux PHP : découvrez des méthodes efficaces Meilleures pratiques pour la copie approfondie des tableaux PHP : découvrez des méthodes efficaces Apr 30, 2024 pm 03:42 PM

Meilleures pratiques pour la copie approfondie des tableaux PHP : découvrez des méthodes efficaces

Le rôle de la fonction de regroupement de tableaux PHP dans la recherche d'éléments en double Le rôle de la fonction de regroupement de tableaux PHP dans la recherche d'éléments en double May 05, 2024 am 09:21 AM

Le rôle de la fonction de regroupement de tableaux PHP dans la recherche d'éléments en double

See all articles