Maison > interface Web > js tutoriel > Apprenez à utiliser efficacement les objets intégrés à JS

Apprenez à utiliser efficacement les objets intégrés à JS

WBOY
Libérer: 2024-01-11 12:02:45
original
691 Les gens l'ont consulté

Apprenez à utiliser efficacement les objets intégrés à JS

Démarrez rapidement avec les compétences d'application des objets intégrés JS

JavaScript (JS en abrégé) est un langage de programmation orienté objet qui fournit divers objets intégrés pour traiter différents types de données et implémenter des fonctions spécifiques. Savoir utiliser ces objets intégrés est la clé pour devenir un bon développeur JavaScript. Cet article présentera certaines techniques d'application d'objets intégrées à JS couramment utilisées et fournira des exemples de code correspondants pour aider les lecteurs à démarrer rapidement.

  1. String (String)

String est l'un des types de données les plus couramment utilisés dans JS. Les chaînes peuvent être traitées et manipulées via l'objet String. Voici quelques techniques couramment utilisées :

// 获取字符串长度
var str = "Hello World!";
console.log(str.length); // 输出: 12

// 字符串分割
var str = "Hello,World!";
var arr = str.split(",");
console.log(arr); // 输出: ["Hello", "World!"]

// 大小写转换
var str = "Hello World!";
console.log(str.toUpperCase()); // 输出: HELLO WORLD!
console.log(str.toLowerCase()); // 输出: hello world!
Copier après la connexion
  1. Array

Un tableau est une collection utilisée pour stocker et gérer un ensemble de données associées. JavaScript fournit des méthodes intégrées pour manipuler les tableaux.

// 添加元素到数组尾部
var arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出: [1, 2, 3, 4]

// 删除数组尾部的元素
var arr = [1, 2, 3];
arr.pop();
console.log(arr); // 输出: [1, 2]

// 数组反转
var arr = [1, 2, 3];
arr.reverse();
console.log(arr); // 输出: [3, 2, 1]

// 数组排序
var arr = [3, 2, 1];
arr.sort();
console.log(arr); // 输出: [1, 2, 3]

// 数组元素迭代
var arr = [1, 2, 3];
arr.forEach(function(item) {
  console.log(item); // 依次输出: 1, 2, 3
});
Copier après la connexion
  1. Number(Number)

L'objet Number est utilisé pour traiter les données numériques. Voici quelques conseils d'application pour les objets Number :

// 数字的四舍五入
var num = 3.14159;
console.log(num.toFixed(2)); // 输出: 3.14

// 判断是否为整数
var num = 3;
console.log(Number.isInteger(num)); // 输出: true

// 数字的最大值和最小值
console.log(Number.MAX_VALUE); // 输出: 1.7976931348623157e+308
console.log(Number.MIN_VALUE); // 输出: 5e-324
Copier après la connexion
  1. Date (Date)

Les objets Date sont utilisés pour traiter et gérer les dates et les heures. Voici quelques techniques d'objet Date couramment utilisées :

// 获取当前日期和时间
var now = new Date();
console.log(now); // 输出当前日期和时间

// 获取特定日期和时间的部分信息
var now = new Date();
console.log(now.getFullYear()); // 输出当前年份
console.log(now.getMonth()); // 输出当前月份
console.log(now.getDate()); // 输出当前日期
console.log(now.getHours()); // 输出当前小时
console.log(now.getMinutes()); // 输出当前分钟
console.log(now.getSeconds()); // 输出当前秒钟
Copier après la connexion
  1. Expressions régulières (RegExp)

Les expressions régulières sont des outils puissants pour faire correspondre et traiter du texte. Voici quelques techniques d'expression régulière couramment utilisées :

// 判断字符串是否匹配正则表达式
var str = "Hello World!";
var reg = /Hello/;
console.log(reg.test(str)); // 输出: true

// 从字符串中提取匹配的部分
var str = "Hello World!";
var reg = /Hello/;
console.log(str.match(reg)); // 输出: ["Hello"]

// 替换字符串中的部分内容
var str = "Hello World!";
var reg = /Hello/;
console.log(str.replace(reg, "Hi")); // 输出: "Hi World!"
Copier après la connexion

Ci-dessus sont quelques techniques d'application d'objets intégrées à JS courantes. En maîtrisant ces techniques et les exemples de code associés, les lecteurs peuvent rapidement démarrer et les appliquer de manière flexible dans le développement réel. Bien entendu, JS fournit également davantage d'objets intégrés et de méthodes de fonctionnement correspondantes. Il est recommandé aux lecteurs de continuer à étudier et à pratiquer en profondeur pour améliorer leurs capacités en développement 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!

source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal