Quels sont les types de données composites javascript ?

Types de données composites Javascript : 1. Type d'objet, qui est un ensemble d'ensembles non ordonnés composés de clés et de valeurs ; 2. Type de tableau, qui est un ensemble de données ordonnées. Chaque membre du tableau est appelé un élément. de chaque élément est appelé l'indice du tableau ; 3. Le type de fonction est un bloc de code avec une fonction spécifique.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Les types de données en JavaScript peuvent être divisés en deux types :

• Types de données de base (types de valeur) : chaîne, nombre, booléen, nul, définition inconnue (non définie), symbole

• Données de référence ; type (type de données composite) : Objet (Objet), Tableau (Array), Fonction (Fonction).

Le type de données composite de JavaScript

1. Type d'objet

Le type de données objet, appelé objet, est un ensemble de collections non ordonnées composées de clés et de valeurs. Il peut être créé à l'aide de l'opérateur new suivi du nom du type d'objet à créer. Peut également être créé en utilisant la notation littérale. Ajoutez une propriété avec un nom différent (n'importe quelle chaîne, y compris la chaîne vide).

1) Construction d'un objet

Utilisez l'opérateur new pour appeler le constructeur afin de construire un objet instance. L'utilisation spécifique est la suivante :

var objectName = new functionName(args);

La description du paramètre est la suivante :

• objectName : l'objet d'instance renvoyé.

• functionName : Constructeur, fondamentalement identique à une fonction ordinaire, mais n'a pas besoin de renvoyer une valeur de retour. Il renvoie un objet instance et est accessible à l'avance en l'utilisant dans la fonction.

• args : liste des paramètres de configuration d'initialisation de l'objet d'instance.

Exemple

L'exemple suivant définit diverses instances en utilisant différents types de constructeurs.

var o = new Object(); //Définir un objet vide

var a = new Array(); //Définir un tableau vide

var f = new Function( //Définir une fonction vide

2) Littéraux d'objets

L'utilisation de littéraux peut créer rapidement des objets, et c'est également la méthode la plus efficace et la plus simple. L'utilisation spécifique est la suivante :

var objectName = {
    属性名1 : 属性值1,
    属性名2 : 属性值2,
    ...
    属性名n : 属性值n
};

Dans les littéraux d'objet, le nom de l'attribut et la valeur de l'attribut sont séparés par des deux-points. La valeur de l'attribut peut être n'importe quel type de données et le nom de l'attribut peut être un identifiant JavaScript ou une expression de chaîne. Les propriétés sont séparées par des virgules et aucune virgule n'est requise à la fin de la dernière propriété.

En JavaScript, les clés des types d'objets sont toutes des types de chaînes et les valeurs peuvent être de n'importe quel type de données. Pour obtenir une valeur dans un objet, vous pouvez utiliser la forme nom d'objet.key, comme indiqué dans l'exemple suivant :

var person = {
    name: 'Bob',
    age: 20,
    tags: ['js', 'web', 'mobile'],
    city: 'Beijing',
    hasCar: true,
    zipcode: null
};
console.log(person.name);       // 输出 Bob
console.log(person.age);        // 输出 20

2 Type de tableau

Un tableau (Array) est une collection de données disposées dans l'ordre. , un tableau. Chaque valeur de est appelée un élément et le nom (clé) de chaque élément est appelé un index de tableau. La longueur du tableau est flexible, lisible et inscriptible.

Les tableaux peuvent contenir tout type de données.

Il existe deux façons de définir (créer ou déclarer) un tableau en JavaScript : le tableau construit et le tableau littéral.

1) Construire un tableau

Lorsque vous utilisez l'opérateur new pour appeler la fonction de type Array(), vous pouvez construire un nouveau tableau.

Exemple :

• Appelez directement la fonction Array() sans passer de paramètres pour créer un tableau vide.

var a = new Array();  //空数组

• Passer plusieurs valeurs crée un véritable tableau.

var a = new Array(1, true, "string", [1,2], {x:1,y:2});  //实数组

Chaque paramètre spécifie la valeur d'un élément, et il n'y a aucune limite sur le type de valeur. L'ordre des paramètres est également l'ordre des éléments du tableau, et la valeur de la propriété length du tableau est égale au nombre de paramètres transmis.

• Passez un paramètre numérique pour définir la longueur du tableau, c'est-à-dire le nombre d'éléments qu'il contient.

var a = new Array(5);  //指定长度的数组

La valeur du paramètre est égale à la valeur de l'attribut de la longueur du tableau et la valeur par défaut de chaque élément n'est pas définie.

• Si vous passez un paramètre avec une valeur de 1, JavaScript définira un tableau d'une longueur de 1 au lieu d'un tableau contenant un élément d'une valeur de 1.

var a = new Array(1);
console.log(a[0]);

2) Tableau littéral

Le format syntaxique du tableau littéral : contient plusieurs listes de valeurs entre crochets, séparées par des virgules.

Le code suivant utilise des littéraux de tableau pour définir un tableau.

var a = [];  //空数组
var a = [1, true, "0", [1,0], {x:1,y:0}];  //包含具体元素的数组

Il est recommandé d'utiliser des littéraux de tableau pour définir des tableaux, car les littéraux de tableau sont le moyen le plus simple et le plus efficace de définir des tableaux.

3. Type de fonction

Une fonction (Fonction) est un bloc de code avec une fonction spécifique. La fonction ne s'exécute pas automatiquement et doit être appelée via le nom de la fonction pour s'exécuter, comme le montre l'exemple suivant :

function sayHello(name){
    return "Hello, " + name;
}
var res = sayHello("Peter");
console.log(res);  // 输出 Hello, Peter

De plus, la fonction peut également être stockée dans des variables, des objets et des tableaux, et les fonctions peuvent également être transmises en tant que paramètres à d'autres fonctions ou renvoyées par d'autres fonctions, comme le montre l'exemple suivant :

var fun = function(){
    console.log("http://c.biancheng.net/js/");
}
function createGreeting(name){
    return "Hello, " + name;
}
function displayGreeting(greetingFunction, userName){
    return greetingFunction(userName);
}
var result = displayGreeting(createGreeting, "Peter");
console.log(result);  // 输出 Hello, Peter

【相关推荐：javascript学习教程】

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!