Quels sont les objets couramment utilisés en js ? Explication détaillée des propriétés et méthodes des objets js

Il existe de nombreuses façons d'obtenir les propriétés des objets en js. Cet article n'entre pas trop dans les détails. L'article se concentre sur l'explication de certains objets courants en js et de leurs propriétés et méthodes respectives. peut paraître compliqué, mais c'est tout. L'auteur l'a soigneusement compilé dans l'espoir qu'il puisse être utile à tout le monde et le partage avec tout le monde comme référence. Veuillez me pardonner toute lacune.

1. Objet numérique

L'objet numérique représente une date numérique, un nombre entier ou un nombre à virgule flottante. Normalement, vous n'avez pas à vous soucier des objets Number car le navigateur convertit automatiquement les littéraux numériques en instances de la classe Number.

1. Créez un objet Nombre

tbody>

var val = new Number(number);

var val = new Number(number);

Si le paramètre ne peut pas être converti en nombre, il sera renvoyé sous la forme NaN(Not-a-Number)

.

2.

属性	描述
MAX_VALUE	最大的可能值在 JavaScript 中的数量可以有 1.7976931348623157E+308
MIN_VALUE	最小的可能值在 JavaScript 中的数量可以有 5E-324
NaN	等价于一个值不是一个数字
NEGATIVE INFINIT Y	比 MIN-VALUE 小的值
POSITIVE_INFINIT Y	比 MAX-VALUE 大的值

Attribut numérique Une valeur supérieure à MAX-VALUE

le prototype est une propriété statique d'un objet numérique. Utilisez les propriétés de l'objet prototype pour attribuer de nouvelles propriétés et méthodes à l'objet numérique dans le document actuel.

3. Méthode numérique

Propriétés	Description
MAX_VALUE	Le nombre maximum de valeurs possibles dans JavaScript Il peut y avoir 1.7976931348623157E+308
MIN_VALUE	Le plus petit nombre possible de valeurs en JavaScript peut être 5E- 324
NaN	Équivalent à une valeur et non à un nombre
INFINI NÉGATIFY	Valeur inférieure à MIN-VALUE
POSITIVE_INFINITY

方法	描述
constructor()	返回创建此对象的实例的函数。默认这是数字对象
toExponentia l()	将一个数字强制以指数表示法显示，即使这个数字在 JavaScript 通常规定使用标准符号表示 的范围之内
toFixed()	格式一个数为小数点右边有特定位数的小数
toLocaleStrin g()	返回当前数字的字符串值版本的格式可能根据浏览器的区域设置不同而发生变化
toPrecision()	定义了总共有多少有多少为来显示一个数(包括小数点左边和右边的数)
toString()	返回数的值的字符串表示形式
valueOf()	返回数的值

Méthode

Description

constructor()

Renvoie l'instance qui a créé cet objet fonction. Par défaut, il s'agit d'un objet numérique

var val = new Boolean(value);

toExponentia l()

Placez un Forcer l'affichage des nombres en notation exponentielle, même si le nombre se situe dans la plage que JavaScript spécifie normalement en utilisant la notation standard

toFixed()

Formater un nombre sous forme décimale avec un nombre spécifique de chiffres à droite de la virgule décimale

toLocaleString()

Renvoie la version de la valeur de chaîne du numéro actuel. Le format peut changer en fonction des paramètres régionaux du navigateur<.>

toPrecision()

Définit combien au total sont utilisés pour afficher un nombre (y compris les nombres à gauche et à droite de le point décimal)

toString()

Renvoie la représentation sous forme de chaîne de la valeur du nombre

valueOf()

Renvoyer la valeur du nombre td>

2. Objet booléenL'objet booléen représente deux valeurs. , soit "vrai" ou "faux". 1. Créez un objet booléen corps>

var val = new Boolean(value);

Si le paramètre value est omis ou si le paramètre est 0, -0, vide, false, NaN, non défini ou une chaîne vide (" "), la valeur initiale de cet objet est fausse.

2. Attribut booléen

3. Méthode booléenne

Attribut

Description

属性	描述
constructor	返回创建这个对象的布尔函数的一个引用
prototype	原型属性允许您添加对象的属性和方法

constructeur

Renvoie une référence à la fonction booléenne qui a créé cet objet

方法	描述
toSource()	返回一个包含布尔对象来源的一个字符串;你可以使用这个字符串来创建一个等效的对象。
toString()	根据对象的值来返回“真”或者“假”。
valueOf()	返回数的值

prototype

Les propriétés du prototype vous permettent d'ajouter des propriétés et des méthodes d'un objet

Méthode

Description
toSource()	Renvoyer une chaîne A contenant la source de l'objet booléen ; vous pouvez utiliser cette chaîne pour créer un objet équivalent. var val = new String(string);
toString()	Renvoie "true" ou "false" en fonction de la valeur de l'objet.
valueOf()	Renvoyer la valeur du nombre

3. Objet chaîne L'objet String opère sur une combinaison de caractères (c'est-à-dire une chaîne) via un grand nombre de méthodes d'assistance qui masquent le type de données primitif de chaîne JavaScript. Étant donné que JavaScript peut réaliser une conversion automatique entre le tableau de chaînes d'origine et l'objet chaîne, vous pouvez appeler n'importe quelle méthode auxiliaire de l'objet chaîne pour agir sur les caractères d'origine Données de chaîne. 1. Créez un objet String corps>

var val = new String(string);

La chaîne de paramètres est une séquence de caractères correctement codée.

2. Attribut de chaîne

Attribut

Description

属性	描述
constructor	返回创建这个对象的布尔函数的一个引用
prototype	原型属性允许您添加对象的属性和方法
length	字符串的长度

constructeur

Renvoie une référence à la fonction booléenne qui a créé cet objet

prototype

Les propriétés du prototype vous permettent d'ajouter des propriétés et des méthodes d'un objet

longueur

La longueur de la chaîne

3. Méthode d'objet chaîne

Méthode	Description
charAt()	Renvoie le caractère à la position spécifiée
charCodeAt()	Renvoie l'encodage Unicode du caractère à la position spécifiée
concat()	Chaîne de connexion
indexOf()	Récupérer la chaîne
lastIndexOf()	Récupérer la chaîne de l'arrière vers l'avant
localeCompare()	Compare deux chaînes dans un ordre spécifique aux paramètres régionaux
match()	Trouver une ou plusieurs expressions régulières Matching
replace()	Remplacement et régulier La sous-chaîne correspondant à l'expression
search()	Récupérer les valeurs qui correspondent l'expression régulière
slice()	Extraire un fragment de la chaîne et renvoie la partie extraite dans une nouvelle chaîne
split()	Diviser la chaîne en un tableau de chaînes
substr()	Extraire le nombre spécifié de caractères de la chaîne à partir du numéro d'index de départ
sous-chaîne( )	Extraire les caractères entre les deux numéros d'index spécifiés dans la chaîne
toLocaleLowerCase()	Convertir la chaîne en minuscule
toLocaleUpperCase()	Convertir la chaîne en majuscule
toLowerCase()	Convertir la chaîne en minuscules
toString()	chaîne de retour
toUpperCase()	Convertir la chaîne en majuscule
valueOf()	Renvoyer la valeur du nombre

4. Wrapper de type HTML de base pour String

sup()

Méthode	Description
author()	Crée une ancre HTML en tant que cible hypertexte
big()	Crée une chaîne affichée en gros caractères, tout comme l'effet d'utiliser la balise
blink()	Créez un affichage flash en chaîne, tout comme en utilisant la balise
bold( )	Créez un affichage en gras de chaîne, tout comme en utilisant la balise
fixed()	Crée une chaîne affichée sous forme de texte de machine à écrire, tout comme en utilisant la balise Effets
fontcolor()	crée une chaîne Utilisez la couleur spécifiée pour afficher, tout comme en utilisant le balise
fontsize()	Crée une chaîne à afficher avec la taille spécifiée, tout comme en utilisant la balise
italics()	Crée une chaîne en italique, tout comme en utilisant < ;i> Effet de la balise
link()	Créer un lien hypertexte HTML pour demander une autre URL
small()	Créer une chaîne à afficher dans une petite taille de police , tout comme utiliser la balise
strike()	Crée une chaîne qui s'affiche avec un barré, tout comme en utilisant la balise
sub( )	Crée une chaîne affichée en indice, tout comme en utilisant < sub> 🎜>
	Crée une chaîne affichée en exposant, tout comme en utilisant la balise

4. Objet Array

L'objet Array est utilisé pour stocker plusieurs valeurs dans une seule variable.

1. Créez un objet Array

var fruits = new Array("apple","orange","mango");

var fruits = new Array("pomme","orange","mangue");

Le paramètre du tableau peut être un ensemble de chaînes ou d'entiers. Lorsque vous spécifiez un argument numérique au constructeur du tableau, la longueur initiale du tableau est déterminée. La longueur maximale autorisée pour un tableau est de 4 294 967 295.

var fruits = ["apple","orange","mango"];

Un tableau peut être créé par simple affectation, comme indiqué ci-dessous :

var fruits = ["pomme","orange","mangue"];

La valeur des éléments du tableau est accessible et définie par le numéro de série (indice), comme suit :

• fruits[0] est le premier élément

• fruits[1]

属性	描述
constructor	返回对创建该对象的函数的引用
index	从零开始检索匹配的字符串
input	只见于通过正则表达式创建的数组
length	设置或返回数组中元素的数目
prototype	原型属性允许您添加对象的属性和方法

est le deuxième élément • les fruits[2] sont le troisième élément 2. Attribut de tableau

Attribut

Description

constructeur

Renvoie la création de l'objet Référence à la fonction

index

Récupérer la chaîne correspondante à partir de zéro

entrée

Trouvé uniquement dans les tableaux créés via des expressions régulières

length

Définit ou renvoie un tableau Le nombre d'éléments dans

prototype

Les propriétés du prototype vous permettent d'ajouter des propriétés et des méthodes d'un objet

3. Méthode objet tableau

Méthode	Description
concat()	Concatène deux tableaux ou plus et renvoie le résultat
every()	Appliquer la fonction spécifiée aux éléments du tableau pour juger, quand Et seulement si toutes les valeurs de retour sont vraies, renvoie vrai, sinon renvoie faux se
filter()	Créez un nouveau tableau, les éléments du tableau sont les éléments du tableau d'origine qui satisfont à la fonction de filtre, la valeur de retour est vide
forEach()	Parcourez le tableau du début à la fin et appelez la fonction spécifiée pour chaque élément
indexOf()	Récupérer du début à la fin et renvoyer le index de l'élément donné dans le tableau Index
join()	mettez tous les éléments du tableau dans une chaîne. Les éléments sont séparés par le délimiteur spécifié
lastIndexO f()	Récupérer de bout en tête, renvoyer l'index de l'élément donné dans le tableau
map()	Créer un nouveau tableau pour stocker la valeur de retour de l'appel de la fonction spécifiée pour chaque élément du tableau d'origine
pop()	Supprimer et renvoyer le dernier élément du array
push()	Ajoute un ou à la fin du tableau contient plus d'éléments et renvoie la nouvelle longueur.
reduce()	Comparez également Appliquer un fonction à deux valeurs pour réduire à une seule valeur (du début à la fin)
reduceRigh t()	Appliquer une fonction à deux valeurs d'un tableau simultanément, en la réduisant à une seule valeur (de la queue à la tête )
reverse()	Inverser l'ordre de éléments du tableau
shift()	Supprimer et renvoyer le premier élément du tableau
slice()	À partir d'un tableau existant Renvoie le element
some()	Appliquer la fonction spécifiée aux éléments du tableau pour juger. Une seule valeur de retour est vraie, renvoie vrai, sinon renvoie faux
toSource( )	Renvoyer le code source de l'objet
sort ()	Trier les éléments du tableau
splice()	Insérer ou supprimer des éléments dans le tableau
toString ()	Convertir le tableau en chaîne et renvoyer le résultat
unshift()	Ajoute un ou plusieurs éléments au début du tableau et renvoie la longueur du nouveau tableau

5. Objet Date

L'objet Date est un type de données intégré au langage JavaScript. Les objets Date sont créés à l'aide de new Date() comme indiqué ci-dessous.

Une fois un objet Date créé, de nombreuses méthodes peuvent être utilisées pour le manipuler. La plupart des méthodes permettent uniquement d'obtenir et de définir les champs année, mois, jour, heure, minute, seconde et milliseconde de l'objet, soit en heure locale, soit en temps universel coordonné (UTC, GMT).

La norme ECMAScript exige qu'un objet Date soit capable de représenter n'importe quelle date et heure, précises à la milliseconde près, dans les 100 millions de jours avant ou après le 1/1. /1970. Il s'agit d'une plage de plus ou moins 273 785 années. JavaScript peut donc représenter des dates et des heures jusqu'à l'année 275 755.

1. Constructeur Date()

new Date()

new Date(milliseconds)

new Date(datestring)

new Date(year,month,date[,hour,minute,second,millisecond])

nouvelle Date()nouvelle Date(millisecondes) nouvelle Date(datestring)nouvelle Date(année,mois,date[ , heure, minute, seconde, milliseconde])

Description du paramètre :

Aucun argument : sans paramètres, le constructeur Date() crée un objet date et le définit sur la date et l'heure actuelles.

millisecondes : lorsqu'un nombre est passé en paramètre, il est utilisé comme nombre interne représentant les millisecondes dans la date, et comme millisecondes dans la valeur de retour de la méthode getTime(). Par exemple, la transmission du paramètre 5000 crée un objet date qui représente 5 secondes après minuit le 1/1/1970.

• datestring : Lors du passage d'une chaîne en paramètre, il doit s'agir d'une chaîne sous forme de date, c'est-à-dire un format qui peut être reçu par la méthode Date.parse().
  

• 7 agrument : Pour la dernière forme de constructeur donnée ci-dessus, voici la description de chaque paramètre :
  

année : entier, représentant l’année. Pour des raisons de compatibilité (afin d'éviter les problèmes liés à l'an 2000), l'année doit être spécifiée dans son intégralité ; utilisez 1998 au lieu de 98.

mois : entier, représentant le mois. Du 0 (c’est-à-dire janvier) au 11 (c’est-à-dire décembre).

1. date : un nombre entier, représentant un certain jour du mois.
   

2. heure : un nombre entier, représentant une heure de la journée (horloge de 24 heures).
   

3. minute : Entier, représentant le segment des minutes du décompte du temps.
   

4. seconde : Entier, représentant le deuxième fragment du décompte du temps.
   

5. millisecondes : Entier, représentant le fragment de milliseconde du décompte du temps.
   

2. Attribut de date

Attribut

Description

constructeur

属性	描述
constructor	返回对创建该对象的函数的引用
prototype	原型属性允许您添加对象的属性和方法

Renvoie une référence à la fonction qui a créé l'objet

prototype

Les propriétés du prototype vous permettent d'ajouter des propriétés et des méthodes d'un objet

3. Méthode de date

Méthode	Description
Date()	Renvoie la date et l'heure du jour
getDate()	Renvoie le jour du mois (1 ~ 31) à partir de l'objet Date en fonction à l'heure locale
getDay()	Selon heure locale à partir de Date L'objet renvoie un jour de la semaine (1 ~ 6)
getFullYear()	Renvoyer l'année sous forme de nombre à quatre chiffres à partir de l'objet Date en fonction de l'heure locale
getHours()	Renvoie l'heure de l'objet Date en fonction de l'heure locale (0 ~ 23)
getMilliseconds()	Renvoie les millisecondes de l'objet Date (0 ~ 999) selon le heure locale
getMinutes()	Renvoie les minutes de l'objet Date (0 ~ 59) selon l'heure locale
getMonth()	Renvoie le mois de l'objet Date en fonction de l'heure locale (1 ~ 11)
getSeconds( )	Retour lorsque l'objet local Secondes de date (0 ~ 59)
getTime()	Renvoie le nombre de millisecondes depuis le 1er janvier 1970 selon l'heure locale
getTimezoneOffset()	Renvoie la minute de différence entre l'heure locale et l'heure moyenne de Greenwich (GMT)
getUTCDate()	Renvoie le jour du mois (1 ~ 31) de l'objet Date selon le temps universel
getUTCDay()	Renvoie le jour de la semaine (0 ~ 6) à partir de l'objet Date en fonction du temps universel)
getUTCFulYear()	Selon l'heure universelle de l'objet Date renvoie l'année à quatre chiffres
getUTCHours()	Renvoie l'heure de l'objet Date en fonction du temps universel (0 ~ 23)
getUTCMillisecond s()	Renvoie les millisecondes de l'objet Date (0 ~ 999) en fonction du temps universel
getUTCMinutes()	Renvoie la minute de l'objet Date en fonction du temps universel (0 ~ 59)
getUTCMonth()	Renvoie le mois (0 ~ 11) de l'objet Date selon l'universel time
getUTCSeconds()	Renvoie les secondes de l'objet Date (0 ~ 59) selon le temps universel
getYear()	Obsolète, renvoie les dates spécifiées sont basées sur l'heure locale. Utilisez plutôt getFullYear().
setDate()	Définir la date en fonction des paramètres locaux time Un certain jour du mois dans l'objet (1 ~ 31)
setFullYear()	Définissez l'année (quatre chiffres) dans l'objet Date en fonction de l'heure locale
setHours ()	Réglez l'heure dans l'objet Date en fonction de l'heure locale (0 ~ 23)
setMilliseconds()	Définissez les millisecondes dans l'objet Date (0 ~ 999) en fonction de l'heure locale
setMinutes()	Définir les minutes dans l'objet Date ( 0 ~ 59) selon l'heure locale
setMonth()	Définit le mois dans l'objet Date en fonction de l'heure locale (0 ~ 11)
setSeconds()	Réglez les secondes dans l'objet Date en fonction de l'heure locale (0 ~ 59)
setTime()	Définir l'objet Date en millisecondes en fonction de l'heure locale
setUTCDate()	Régler le jour du mois dans l'objet Date (1 ~ 31) en fonction du temps universel
setUTCFulYear()	Définissez l'année (quatre chiffres) dans l'objet Date en fonction du temps universel
setUTCHours()	Réglez l'heure dans l'objet Date (0 ~ 23) en fonction temps universel
setUTCMillisecond s()	Définissez les millisecondes dans l'objet Date (0 ~ 999) en fonction du temps universel
setUTCMinutes()	Définir la minute dans l'objet Date en fonction du temps universel (0 ~ 59)
setUTCMonth()	Définir le mois dans l'objet Date (0 ~ 11) en fonction de l'heure universelle
setUTCSeconds()	Définir les secondes dans l'objet Date (0 ~ 59) selon le temps universel
setYear()	Obsolète, défini à la date spécifiée en fonction de l'heure locale. Utilisez plutôt setFullYear().
toDateString()	Convertir la date du Objet Date Partiellement converti en chaîne
toGMTString()	Obsolète, convertit la date en chaîne, en utilisant la convention Internet GMT. Utilisez plutôt toUTCString().
toLocalDateString()	Selon l'heure locale format, Convertissez la partie date de l'objet Date en une chaîne
toLocalFormat()	Convertissez la date en chaîne, en utilisant la chaîne de format.
toLocalString()	Selon l'heure locale format, Convertir l'objet Date en chaîne
toLocalTimeString()	Convertissez la partie heure de l'objet Date en chaîne selon le format de l'heure locale
toSource()	Renvoie une chaîne représentant le code source d'un objet date équivalent Vous pouvez utiliser cette valeur pour créer un nouvel objet
toString()	Convertir l'objet Date en chaîne
toTimeString()	Convertir la partie heure de l'objet Date en une chaîne
toUCTString()	Convertir l'objet Date en chaîne en fonction de l'heure mondiale
valueOf()	Renvoie la valeur d'origine de l'objet Date

Méthode statique de date

Méthode

方法	描述
Date.parse()	返回 1970 年 1 月 1 日午夜到指定日期(字符串)的毫秒数
Date.UTC()	根据世界时返回1970 年 1 月 1 日 到指定日期的毫秒数

Description

Date.parse()

Renvoie le nombre de millisecondes entre minuit le 1er janvier 1970 et la date spécifiée (chaîne)

Date.UTC()

Renvoie le nombre de millisecondes du 1er janvier 1970 à la date spécifiée selon le temps universel

var pi_val = Math.PI;

var sine_val = Math.sin(30);

6. Objet arithmétiqueL'objet mathématique fournit la somme des attributs et des méthodes pour constantes mathématiques Fonction. Contrairement à d'autres objets globaux, Math n'est pas un constructeur. Toutes les propriétés et méthodes de Math sont statiques et vous pouvez appeler toutes ses propriétés et méthodes en utilisant Math comme objet sans le créer. Par conséquent, vous pouvez définir la constante pi comme Math.PI, ou vous pouvez appeler la fonction sin Math.sin(x), où x est le paramètre de la méthode. 1. Simple à utiliser

var pi_val = Math.PI;var sine_val = Math.sin(30);

2. Attribut mathématique

Attribut tr>

PI

Renvoie pi (environ égal à 3,14159)

Description

属性	描述
E	返回算术常量 e，即自然对数的底数(约等于 2.718)
LN2	返回 2 的自然对数(约等于 0.693)
LN10	返回 10 的自然对数(约等于 2.302)
LOG2E	返回以 2 为底的对数(约等于 1.414)
LOG10E	返回以 10 为底的对数(约等于 0.434)
PI	返回圆周率(约等于 3.14159)
SQRT1_2	返回 2 的平方根的倒数(约等于 0.707)
SQRT2	返回2的平方根(约等于 1.414)

E

Renvoie la constante arithmétique e, qui est la base du logarithme népérien (approximativement égale à 2,718)

LN2

td>

Renvoie le logarithme népérien de 2 (environ égal à 0,693)

LN10

Retours le logarithme népérien de 10 (Approximativement égal à 2,302)

LOG2E

Renvoie le logarithme de base 2 (approximativement égal à 1,414)

LOG10E

Renvoie le logarithme base 10 (approximativement égal à 0,434)

SQRT1_2

Renvoie l'inverse de la racine carrée de 2 (environ égal à 0,707)

SQRT2

Renvoie la racine carrée de 2 (approximativement égale à 1,414)

3. Méthode mathématique

Méthode	Description
abs()	Renvoie la valeur absolue du nombre
acos()	Renvoie le cosinus inverse du nombre
asin()	Renvoie l'arc sinus du nombre
atan()	être compris entre -PI/2 et PI/2 Renvoie la valeur de l'arctangente de x en radians > Renvoie l'angle de l'axe des x au point (x,y) (entre -PI/2 et PI/2 radians)
ceil()	Arrondissez le nombre
cos()	Renvoie le cosinus du nombre
exp()	Renvoie l'exposant de e
floor()	Arrondissez le logarithme
log()	Renvoie le logarithme népérien du nombre (la base est e)
max()	Renvoie le plus élevé valeur entre x et y
min()	Renvoie la valeur la plus basse entre x et y
pow()	Renvoie x élevé à la puissance y
random()	Renvoie entre 0 et 1 Nombres aléatoires
round()	Arrondir le nombre est l'entier le plus proche
sin()	Renvoie le sinus du nombre
sqort()	Renvoie la racine carrée du nombre
tan()	Renvoie la tangente de l'angle
toSource()	Renvoie la source de cet objet Code

Recommandations associées :

Objet de document de base JS dans DOM Explication détaillée des méthodes d'attribut courantes

Implémentation JS de l'ajout dynamique d'attributs aux objets

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!