Dans ce didacticiel, vous découvrirez les différents types de données disponibles en JavaScript à l'aide d'exemples.
Comme le suggère le nom, les types de données font référence aux types de données que vous pouvez utiliser dans votre programme. Par exemple,
const x = 5; const y = "Hello";
Ici,
- 5 est une donnée entière.
- "Hello" est une chaîne de données.
Types de données JavaScript
Il existe huit types de données de base en JavaScript. Elles sont:
| Types de données | La description | Exemple |
String | représente des données textuelles | 'hello', "hello world!"etc. |
Number | un entier ou un nombre à virgule flottante | 3, 3.234, 3e-2Etc. |
BigInt | un entier avec une précision arbitraire | 900719925124740999n, 1netc. |
Boolean | L'une des deux valeurs: vrai ou faux | true et false |
undefined | un type de données dont la variable n'est pas initialisée | let a; |
null | dénote une nullvaleur | let a = null; |
Symbol | type de données dont les instances sont uniques et immuables | let value = Symbol('hello'); |
Object | paires clé-valeur de collecte de données | let student = ( ); |
Ici, tous les types de données sauf Objectsont des types de données primitifs, alors qu'ils ne Objectsont pas primitifs.
Remarque: Le Objecttype de données (type non primitif) peut stocker des collections de données, tandis que le type de données primitif ne peut stocker qu'une seule donnée.
Chaîne JavaScript
Stringest utilisé pour stocker du texte. En JavaScript, les chaînes sont entourées de guillemets:
- Guillemets simples:
'Hello' - Double citation:
"Hello" - Backticks:
`Hello`
Par exemple,
//strings example const name = 'ram'; const name1 = "hari"; const result = `The names are $(name) and $(name1)`;
Les guillemets simples et doubles sont pratiquement les mêmes et vous pouvez utiliser l'un ou l'autre.
Les backticks sont généralement utilisés lorsque vous devez inclure des variables ou des expressions dans une chaîne. Cela se fait en encapsulant des variables ou des expressions avec $(variable or expression)comme indiqué ci-dessus.
Vous découvrirez l'utilisation des backticks dans le didacticiel JavaScript String.
Numéro JavaScript
Numberreprésente des nombres entiers et flottants (décimales et exponentielles). Par exemple,
const number1 = 3; const number2 = 3.433; const number3 = 3e5 // 3 * 10^5
Un type de numéro peut aussi être +Infinity, -Infinityet NaN(pas un nombre). Par exemple,
const number1 = 3/0; console.log(number1); // returns Infinity const number2 = -3/0; console.log(number2); // returns -Infinity // strings can't be divided by numbers const number3 = "abc"/3; console.log(number3); // returns NaN
JavaScript BigInt
En JavaScript, le Numbertype ne peut représenter que des nombres inférieurs à (2 53 - 1) et supérieurs à - (2 53 - 1) . Cependant, si vous devez utiliser un nombre plus grand que cela, vous pouvez utiliser le BigInttype de données.
Un BigIntnombre est créé en ajoutant n à la fin d'un entier. Par exemple,
// BigInt value const value1 = 900719925124740998n; // Adding two big integers const result1 = value1 + 1n; console.log(result1); // returns "900719925124740999n" const value2 = 900719925124740998n; // Error! BitInt and number cannot be added const result2 = value2 + 1; console.log(result2);
Production
900719925124740999n Uncaught TypeError: Impossible de mélanger BigInt et d'autres types
Remarque: a BigInt été introduit dans la nouvelle version de JavaScript et n'est pas pris en charge par de nombreux navigateurs, y compris Safari. Visitez le support JavaScript BigInt pour en savoir plus.
JavaScript booléen
Ce type de données représente des entités logiques. Booleanreprésente l'une des deux valeurs suivantes: trueou false. Il est plus facile de le considérer comme un commutateur oui / non. Par exemple,
const dataChecked = true; const valueCounted = false;
Vous en apprendrez plus sur les booléens dans le didacticiel Comparaison JavaScript et opérateurs logiques.
JavaScript non défini
Le undefinedtype de données représente une valeur non affectée . Si une variable est déclarée mais que la valeur n'est pas affectée, alors la valeur de cette variable sera undefined. Par exemple,
let name; console.log(name); // returns undefined
Il est également possible d'attribuer explicitement une valeur de variable undefined. Par exemple,
let name = undefined; console.log(name); // returns undefined
Remarque: il est recommandé de ne pas attribuer explicitement undefinedà une variable. Habituellement, nullest utilisé pour affecter une valeur «inconnue» ou «vide» à une variable.
JavaScript nul
En JavaScript, nullest une valeur spéciale qui représente une valeur vide ou inconnue . Par exemple,
const number = null;
Le code ci-dessus suggère que la variable numérique est vide.
Remarque : nulln'est pas la même chose que NULL ou Null.
Symbole JavaScript
This data type was introduced in a newer version of JavaScript (from ES2015).
A value having the data type Symbol can be referred to as a symbol value. Symbol is an immutable primitive value that is unique. For example,
// two symbols with the same description const value1 = Symbol('hello'); const value2 = Symbol('hello');
Though value1 and value2 both contain 'hello', they are different as they are of the Symbol type.
Visit JavaScript Symbol to learn more.
JavaScript Object
An object is a complex data type that allows us to store collections of data. For example,
const student = ( firstName: 'ram', lastName: null, class: 10 );
You will learn about JavaScript Objects in later tutorial.
JavaScript Type
JavaScript is a dynamically typed (loosely typed) language. JavaScript automatically determines the variables' data type for you.
Cela signifie également qu'une variable peut être d'un type de données et plus tard, elle peut être modifiée en un autre type de données. Par exemple,
// data is of undefined type let data; // data is of integer type data = 5; // data is of string type data = "JavaScript Programming";
Type de JavaScript
Pour trouver le type d'une variable, vous pouvez utiliser l' typeofopérateur. Par exemple,
const name = 'ram'; typeof(name); // returns "string" const number = 4; typeof(number); //returns "number" const valueChecked = true; typeof(valueChecked); //returns "boolean" const a = null; typeof(a); // returns "object"
Notez que typeofrenvoyé "object"pour le nulltype. Il s'agit d'un problème connu dans JavaScript depuis sa première version.
