Maison > interface Web > Questions et réponses frontales > Une analyse approfondie des objets intégrés JavaScript (partage de résumé)

Une analyse approfondie des objets intégrés JavaScript (partage de résumé)

WBOY
Libérer: 2022-01-04 17:54:59
avant
1543 Les gens l'ont consulté

Cet article vous apporte des connaissances sur les objets intégrés en JavaScript. Le plus grand avantage des objets intégrés est qu'ils peuvent nous aider à nous développer rapidement. J'espère que cela sera utile à tout le monde.

Une analyse approfondie des objets intégrés JavaScript (partage de résumé)

1. Objets intégrés

  • Les objets en JavaScript sont divisés en trois types : objets personnalisés, objets intégrés et objets de navigateur.
  • Les deux premiers objets constituent le contenu de base de JS et appartiennent à ECMAScript ; le troisième objet navigateur est unique à notre JS.
  • Les objets intégrés font référence à certains objets fournis avec le langage JS. Ces objets sont utilisés par les développeurs et fournissent certaines fonctions (propriétés et méthodes) couramment utilisées ou les plus basiques et nécessaires.
  • Le plus grand avantage des objets intégrés est qu'ils nous aident à nous développer rapidement.
  • JavaScript fournit plusieurs objets intégrés : Math, Date, Array, String, etc.. Math、 Date 、Array、String等

2、内置对象:Math 对象

2.1 Math 概述

Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。

Math.PI // 圆周率
Math.floor() // 向下取整
Math.ceil() // 向上取整
Math.round() // 四舍五入版 就近取整 注意 -3.5 结果是 -3
Math.abs() // 绝对值
Math.max()/Math.min() // 求最大和最小值
Copier après la connexion

注意:上面的方法必须带括号

案例:封装自己的数学对象

利用对象封装自己的数学对象,里面有 PI,最大值和最小值。

<script>
    // 利用对象封装自己的数学对象 里面有 PI 最大值和最小值
    var myMath = {
        PI: 3.141592653,
        max: function () {
            var max = arguments[0];
            for (var i = 1; i < arguments.length; i++) {
                if (arguments[i] > max) {
                    max = arguments[i];
                }
            }
            return max;
        },
        min: function () {
            var min = arguments[0];
            for (var i = 1; i < arguments.length; i++) {
                if (arguments[i] < min) {
                    min = arguments[i];
                }
            }
            return min;
        }
    }
    console.log(myMath.PI);
    console.log(myMath.max(1, 9, 20, 3, 21, 54, 211, 567, 80));
    console.log(myMath.min(1, 0, 90, -10, 82));</script>
Copier après la connexion

2.2 随机数方法 random()

random() 方法可以随机返回一个小数,其取值范围是 [0,1),左闭右开 0

如果想要得到两个数之间的随机整数,并且包括这两个数在内,方法如下:

// 得到一个两数之间的随机整数,包括两个数在内function getRandom(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;}
Copier après la connexion

3、内置对象:日期对象

3.1 Date 概述

  • Date 对象和 Math 对象不一样,他是一个构造函数,所以我们需要实例化后才能使用。
  • Date 实例用来处理日期和时间。

3.2 Date() 方法的使用

(1)获取当前时间必须实例化

var now = new Date();console.log(now);
Copier après la connexion

(2)Date() 构造函数的参数

如果括号里面有时间,就返回参数里面的时间。例如,日期格式字符串为‘2019-5-1’,可以写成new Date(‘2019-5-1’) 或者 new Date(‘2019/5/1’)。

  • 如果 Date() 不写参数,就返回当前时间
  • 如果 Date() 里面写参数,就返回括号里面输入的时间

3.3 日期格式化

我们想要 2019-8-8 8:8:8 格式的日期,要怎么办?

需要获取日期指定的部分,所以我们要手动的得到这种格式。

Une analyse approfondie des objets intégrés JavaScript (partage de résumé)

3.4 获取日期的总的毫秒形式

Date 对象是基于1970年1月1日(世界标准时间)起的毫秒数。

我们经常利用总的毫秒数来计算时间,因为它更精确。

<script>
    // Date 对象是基于1970年1月1日(世界标准时间)起的毫秒数
    // 获得Date 总的毫秒数(时间戳)  不是当前时间的毫秒数 而是距离1970年1月1日过了多少毫秒数
    // 1.通过 valueOf() 或者 getTime()
    var date = new Date();
    console.log(date.valueOf());   // 就是我们现在时间 距离1970.1.1 总的毫秒数
    console.log(date.getTime());
    // 2.简单的写法(实际开发中最常用的写法)
    var date1 = +new Date();   // +new Date()  返回的就是总的毫秒数
    console.log(date1);
    // 3.H5 新增的 获得总的毫秒数
    console.log(Date.now());</script>
Copier après la connexion

3.5 案例:倒计时效果

案例分析

(1)核心算法:输入的时间减去现在的时间就是剩余的时间,即倒计时 ,但是不能拿着时分秒相减,比如 05 分减去25分,结果会是负数的。

(2)用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余时间的毫秒数。

(3)把剩余时间总的毫秒数转换为天、时、分、秒 (时间戳转换为时分秒)
转换公式如下:

  • d = parseInt(总秒数/ 60 / 60 / 24); // 计算天数
  • h = parseInt(总秒数/ 60/ 60 % 24) // 计算小时
  • m = parseInt(总秒数 / 60 % 60 ); // 计算分数
  • s = parseInt(总秒数 % 60); // 计算当前秒数
function coutDown(time) {
    var nowTime = +new Date();   // 返回的是当前时间总的毫秒数
    var inputTime = +new Date(time);  // 返回的是用户输入时间总的毫秒数
    var times = (inputTime - nowTime) / 1000;  // times是剩余时间总的秒数(毫秒变
    var d = parseInt(times / 60 / 60 / 24);  // 计算天数
    d = d <h2>4、内置对象: 数组对象</h2><h3><strong>4.1 数组对象的创建</strong></h3><p>创建数组对象的两种方式</p>
Copier après la connexion
  • 字面量方式
  • new Array()
// 创建数组的两种方式
// 1.利用数组字面量
var arr = [1, 2, 3];
console.log(arr[0]);  // 1

// 2.利用new Array()
var arr1 = new Array();  // 创建一个空的数组
console.log(arr1);  // []

var arr2 = new Array(2);  // 这个2表示, 数组的长度为2, 里面有2个空的数组元素
console.log(arr2);   // [空 × 2]
console.log(arr2[0], arr2[1]);  // undefined undefined

var arr3 = new Array(2, 3);  // 等价于[2, 3]  这样写表示里面有2个数组元素,是2和3
console.log(arr3);  // [2, 3]

var arr4 = new Array(['a', 'b', 'c']);
console.log(arr4);   // [Array(3)]
console.log(arr4[0]); // ["a", "b", "c"]
Copier après la connexion

4.2 检测是否为数组

  • instanceof 运算符,可以判断一个对象是否属于某种类型。
  • Array.isArray()
2. Objet intégré : objet mathématique

2.1 Présentation mathématique

L'objet mathématique n'est pas un constructeur
, il a des propriétés et des méthodes de constantes et de fonctions mathématiques. Les opérations liées aux mathématiques (recherche de valeurs absolues, arrondis, valeurs maximales, etc.) peuvent utiliser des membres dans Math. Une analyse approfondie des objets intégrés JavaScript (partage de résumé)

// 检测是否为数组
// (1)instanceof 运算符,可以判断一个对象是否属于某种类型
var arr = [];
console.log(arr instanceof Array);   // true
var obj = {};
console.log(obj instanceof Array);   // false

//  (2)Array.isArray()用于判断一个对象是否为数组,isArray() 是 HTML5 中提供的方法
console.log(Array.isArray(arr));   // true
console.log(Array.isArray(obj));   // false
Copier après la connexion

Remarque : La méthode ci-dessus doit avoir des parenthèses. 🎜🎜Cas : Encapsulez vos propres objets mathématiques🎜🎜🎜Utilisez des objets pour encapsuler vos propres objets mathématiques, qui contiennent des valeurs PI, maximales et minimales. 🎜
<script>
    // 数组排序
    // 1.翻转数组
    // reverse() 颠倒数组中元素的顺序,无参数
    // 该方法会改变原来的数组  返回新数组
    var arr = [&#39;pink&#39;, &#39;red&#39;, &#39;purple&#39;, &#39;blue&#39;];
    arr.reverse();
    console.log(arr);  // ["blue", "purple", "red", "pink"]
    
    // 2.数组排序(冒泡排序)
    // sort()  对数组的元素进行排序
    // 该方法会改变原来的数组  返回新数组
    var arr1 = [1, 14, 7, 9, 5, 77, 1];
    arr1.sort(function (a, b) {     // 固定写法
        return a - b;  // 升序的顺序排列
        // return b - a;  // 降序
    });
    console.log(arr1);  // [1, 1, 5, 7, 9, 14, 77]</script>
Copier après la connexion
Copier après la connexion
🎜🎜2.2 Méthode des nombres aléatoires random()🎜🎜🎜La méthode random() peut renvoyer aléatoirement une décimale, sa plage de valeurs est [0, 1), à gauche Fermer ouvert à droite 0 // 返回数组元素索引方法   // indexOf(数组元素)  作用就是返回该数组元素的索引号  从前面开始查找 // 数组中查找给定元素的第一个索引,如果存在返回索引号,如果不存在,则返回-1 var arr = ['red', 'green', 'blue', 'pink', 'blue']; console.log(arr.indexOf('blue'));  // 2 // lastIndexOf(数组元素) 从后面开始查找,如果存在返回索引号,如果不存在,则返回-1 console.log(arr.lastIndexOf('blue'));  // 4🎜3 Objet intégré : Objet Date🎜🎜🎜3.1 Aperçu de la date🎜🎜🎜🎜Objet Date et. L'objet Math est différent. C'est un constructeur, nous devons donc l'instancier avant de pouvoir l'utiliser. 🎜🎜Les instances de date sont utilisées pour gérer les dates et les heures. 🎜🎜🎜🎜3.2 Utilisation de la méthode Date() 🎜🎜🎜🎜 (1) L'obtention de l'heure actuelle doit être instanciée 🎜🎜
// 数组转换为字符串
// 1.toString() 将数组转换成字符串,逗号分隔每一项,返回一个字符串
var arr = [1, 2, 3];
console.log(arr.toString());  // "1,2,3"

// 2.join(分隔符)
var arr1 = ['green', 'blue', 'pink'];
console.log(arr1.join());  // "green,blue,pink"
console.log(arr1.join('-'));  // "green-blue-pink"
console.log(arr1.join('&'));  // "green&blue&pink"
Copier après la connexion
Copier après la connexion
🎜🎜 (2) Paramètres du constructeur Date() 🎜🎜🎜S'il y a une heure entre parenthèses , il sera renvoyé L'heure en paramètre. Par exemple, la chaîne de format de date est « 2019-5-1 », qui peut être écrite sous la forme new Date('2019-5-1') ou new Date('2019/5/1'). 🎜🎜🎜Si Date() n'écrit pas de paramètres, il renverra l'heure actuelle. 🎜🎜Si les paramètres sont écrits dans Date(), l'heure saisie entre parenthèses sera renvoyée. 🎜🎜🎜🎜3.3 Formatage de la date🎜🎜🎜Nous voulons la date au format 2019-8-8 8:8:8, que devons-nous faire ? 🎜🎜Nous devons obtenir la partie spécifiée de la date, nous devons donc obtenir ce format manuellement. 🎜🎜Insérer la description de l'image ici🎜🎜🎜3.4 Obtenir la date La forme totale en millisecondes de l'objet 🎜🎜🎜Date est basée sur le nombre de millisecondes depuis le 1er janvier 1970 (UTC). 🎜🎜Nous utilisons souvent le total des millisecondes pour calculer le temps car c'est plus précis. 🎜
 // 1.concat()  连接两个或多个数组,不影响原数组   最后返回一个新数组
 var arr1 = [1, 2, 3];
 var arr2 = ['red', 'pink', 'blue'];
 console.log(arr1.concat(arr2));  // [1, 2, 3, "red", "pink", "blue"]
 
 // 2.slice(begin, end)  数组截取  返回被截取项目的新数组
 var arr3 = [1, 2, 3, 4, 5, 'red', 'yellow', 'blue'];
 console.log(arr2.slice(0, 1));  // ["red"]
 console.log(arr3.slice(2, 7));  // [3, 4, 5, "red", "yellow"]
 
 // 3.splice(第几个开始,要删除个数)  数组删除  返回被删除项目的新数组,注意,这个会影响原数组
 console.log(arr3.splice(2, 5));  // [3, 4, 5, "red", "yellow"]
Copier après la connexion
Copier après la connexion
🎜🎜3.5 Cas : Effet de compte à rebours🎜🎜🎜🎜Analyse de cas🎜 :🎜🎜(1) Algorithme de base : Le temps d'entrée moins l'heure actuelle est le temps restant, qui est le compte à rebours, mais vous ne pouvez pas soustraire des heures, des minutes et secondes Par exemple, si vous soustrayez 25 points de 05 points, le résultat sera négatif. 🎜🎜(2) Faites-le avec horodatage. Le nombre total de millisecondes dans le temps de saisie utilisateur est soustrait du nombre total de millisecondes dans l'heure actuelle, et le résultat est le nombre de millisecondes dans le temps restant. 🎜🎜(3) Convertissez le nombre total de millisecondes du temps restant en jours, heures, minutes et secondes (l'horodatage est converti en heures, minutes et secondes) 🎜 La formule de conversion est la suivante : 🎜🎜🎜d = parseInt (total secondes / 60 / 60 / 24); // Calculer le nombre de jours🎜🎜h = parseInt(Total secondes / 60/ 60 % 24) // Calculer le nombre d'heures🎜🎜m = parseInt(Total Seconds / 60 % 60 ); // Calculer la fraction 🎜🎜s = parseInt(Total seconds % 60); // Calculer le nombre actuel de secondes 🎜🎜
 // 封装一个去重的函数 unique 独一无二的
 function unique(arr) {
     var newArr = [];
     for (var i = 0; i 🎜4. Objets intégrés : objet tableau🎜🎜🎜4.1 Création d'un objet tableau🎜🎜🎜Deux façons de créer un objet tableau🎜🎜🎜Méthode littérale🎜🎜nouveau tableau()🎜🎜<pre class="brush:php;toolbar:false">var str = 'andy';console.log(str.length);  // 4
Copier après la connexion
🎜 🎜4.2 Détecter s'il s'agit d'un tableau🎜🎜🎜🎜 L'opérateur instanceof peut déterminer si un objet appartient à un certain type. 🎜🎜Array.isArray() est utilisé pour déterminer si un objet est un tableau. isArray() est une méthode fournie en HTML5. 🎜🎜
// 1. 生成临时变量,把简单类型包装为复杂数据类型var temp = new String('andy');
// 2. 赋值给我们声明的字符变量str = temp;
// 3. 销毁临时变量temp = null;
Copier après la connexion
Copier après la connexion
🎜🎜4.3 Méthodes courantes des tableaux🎜🎜🎜🎜 (1) Méthodes d'ajout et de suppression d'éléments de tableau🎜🎜🎜🎜🎜 (2) Tri des tableaux🎜🎜
方法名 说明 是否修改原数组
reverse() 颠倒数组中元素的顺序,无参数 该方法会改变原来的数组,返回新数组
sort() 对数组的元素进行排序 该方法会改变原来的数组,返回新数组
<script>
    // 数组排序
    // 1.翻转数组
    // reverse() 颠倒数组中元素的顺序,无参数
    // 该方法会改变原来的数组  返回新数组
    var arr = [&#39;pink&#39;, &#39;red&#39;, &#39;purple&#39;, &#39;blue&#39;];
    arr.reverse();
    console.log(arr);  // ["blue", "purple", "red", "pink"]
    
    // 2.数组排序(冒泡排序)
    // sort()  对数组的元素进行排序
    // 该方法会改变原来的数组  返回新数组
    var arr1 = [1, 14, 7, 9, 5, 77, 1];
    arr1.sort(function (a, b) {     // 固定写法
        return a - b;  // 升序的顺序排列
        // return b - a;  // 降序
    });
    console.log(arr1);  // [1, 1, 5, 7, 9, 14, 77]</script>
Copier après la connexion
Copier après la connexion

(3)数组索引方法

方法名 说明 返回值
indexOf() 数组中查找给定元素的第一个索引 如果存在返回索引号,如果不存在,则返回-1
lastIndexOf() 在数组中的最后一个索引 如果存在返回索引号,如果不存在,则返回-1
// 返回数组元素索引方法  
// indexOf(数组元素)  作用就是返回该数组元素的索引号  从前面开始查找
// 数组中查找给定元素的第一个索引,如果存在返回索引号,如果不存在,则返回-1
var arr = ['red', 'green', 'blue', 'pink', 'blue'];
console.log(arr.indexOf('blue'));  // 2

// lastIndexOf(数组元素) 从后面开始查找,如果存在返回索引号,如果不存在,则返回-1
console.log(arr.lastIndexOf('blue'));  // 4
Copier après la connexion

(4)数组转换为字符串

方法名 说明 返回值
toString() 把数组转换成字符串,逗号分隔每一项 返回一个字符串
join(‘分隔符’) 方法用于把数组中的所有元素转换为一个字符串,不写分隔符,默认逗号分隔 返回一个字符串
// 数组转换为字符串
// 1.toString() 将数组转换成字符串,逗号分隔每一项,返回一个字符串
var arr = [1, 2, 3];
console.log(arr.toString());  // "1,2,3"

// 2.join(分隔符)
var arr1 = ['green', 'blue', 'pink'];
console.log(arr1.join());  // "green,blue,pink"
console.log(arr1.join('-'));  // "green-blue-pink"
console.log(arr1.join('&'));  // "green&blue&pink"
Copier après la connexion
Copier après la connexion

(5)其他一些方法
Une analyse approfondie des objets intégrés JavaScript (partage de résumé)

 // 1.concat()  连接两个或多个数组,不影响原数组   最后返回一个新数组
 var arr1 = [1, 2, 3];
 var arr2 = ['red', 'pink', 'blue'];
 console.log(arr1.concat(arr2));  // [1, 2, 3, "red", "pink", "blue"]
 
 // 2.slice(begin, end)  数组截取  返回被截取项目的新数组
 var arr3 = [1, 2, 3, 4, 5, 'red', 'yellow', 'blue'];
 console.log(arr2.slice(0, 1));  // ["red"]
 console.log(arr3.slice(2, 7));  // [3, 4, 5, "red", "yellow"]
 
 // 3.splice(第几个开始,要删除个数)  数组删除  返回被删除项目的新数组,注意,这个会影响原数组
 console.log(arr3.splice(2, 5));  // [3, 4, 5, "red", "yellow"]
Copier après la connexion
Copier après la connexion

4.4 案例:数组去重

有一个数组[‘c’, ‘a’, ‘z’, ‘a’, ‘x’, ‘a’, ‘x’, ‘c’, ‘b’],要求去除数组中重复的元素。

  • 目标:把旧数组里面不重复的元素选取出来放到新数组中,重复的元素只保留一个,放到新数组中去重。
  • 核心算法:我们遍历旧数组,然后拿着旧数组元素去查询新数组,如果该元素在新数组里面没有出现过,我们就添加,否则不添加。
  • 我们怎么知道该元素没有存在? 利用 新数组.indexOf(数组元素) 如果返回-1,就说明新数组里面没有改元素
 // 封装一个去重的函数 unique 独一无二的
 function unique(arr) {
     var newArr = [];
     for (var i = 0; i <h2>5、内置对象:字符串对象</h2><h3><strong>5.1 基本包装类型</strong></h3><p>为了方便操作基本数据类型,JavaScript 还提供了三个特殊的引用类型:String、Number和 Boolean。</p><p><strong>基本包装类型就是把简单数据类型包装成为复杂数据类型</strong>,这样基本数据类型就有了属性和方法。</p><p>下面代码有什么问题?</p><pre class="brush:php;toolbar:false">var str = 'andy';console.log(str.length);  // 4
Copier après la connexion

按道理基本数据类型是没有属性和方法的,而对象才有属性和方法,但上面代码却可以执行,这是因为 js 会把基本数据类型包装为复杂数据类型,其执行过程如下 :

// 1. 生成临时变量,把简单类型包装为复杂数据类型var temp = new String('andy');
// 2. 赋值给我们声明的字符变量str = temp;
// 3. 销毁临时变量temp = null;
Copier après la connexion
Copier après la connexion

5.2 字符串的不可变

字符串的不可变指的是里面的值不可变,虽然看上去可以改变内容,但其实是地址变了,内存中新开辟了一个内存空间。

字符串的不可变的特点:重新给字符串赋值,会重新在内存中开辟空间

var str = 'abc';str = 'hello';// 当重新给 str 赋值的时候,常量'abc'不会被修改,依然在内存中// 重新给字符串赋值,会重新在内存中开辟空间,这个特点就是字符串的不可变// 由于字符串的不可变,在大量拼接字符串的时候会有效率问题var str = '';for (var i = 0; i <h3>5.3 字符串对象常用的方法</h3><p><strong>字符串所有的方法,都不会修改字符串本身(字符串是不可变的),操作完成会返回一个新的字符串。</strong></p><p><strong>(1)根据字符返回位置</strong></p>
Copier après la connexion
方法名 说明
indexOf(‘要查找的字符’,开始的位置) 返回指定内容在原字符串中的位置,如果找不到就返回 -1 ,开始的位置是 index 索引号
lastIndexOf() 从后往前找,只找第一个匹配的
 // 根据字符返回位置
 // 1.indexOf('要查找的字符', '开始的位置')
 // 返回指定内容在元字符串中的位置,如果找不到就返回-1,开始的位置index的索引号
 var str = '改革春风吹满地,春天来了';
 console.log(str.indexOf('春'));   // 2
 console.log(str.indexOf('春', 3));  // 从索引号是 3 的位置开始往后查找   // 8
 
 // 2.lastIndexOf()  从后往前找,只找第一个匹配的
 console.log(str.lastIndexOf('春'));  // 8
 console.log(str.lastIndexOf('春', 7));  // 2
Copier après la connexion

案例:返回字符位置

查找字符串"oabcoefoxyozzopp"中所有 o 出现的位置以及次数。

思路:

  1. 核心算法:先查找第一个o出现的位置。
  2. 然后,只要indexOf 返回的结果不是 - 1 就继续往后查找。
  3. 因为 indexOf 只能查找到第一个,所以后面的查找,利用第二个参数,当前索引加1,从而继续查找。

代码:

var str = 'oabcoefoxyozzopp';var index = str.indexOf('o');var num = 0;while (index !== -1) {
    // console.log(index);
    num++;
    index = str.indexOf('o', index + 1);}console.log('o出现的次数为:' + num);  // 5
Copier après la connexion

(2)根据位置返回字符

方法名 说明 使用
charAt(index) 返回指定位置的字符(index 字符串的索引号) str.charAt(0)
charCodeAt(index) 获取指定位置处字符的ASCII码(inex 索引号) str.charCodeAt(0)
str[index] 获取指定位置处字符 HTML5,IE8+支持,和 charAt()等效
 // 根据位置返回字符(重点)
 // 1.charAt(index) 根据索引号返回指定位置的字符
 var str = 'andy';
 console.log(str.charAt(3));  // "y"
 
 // 遍历所有的字符
 for (var i = 0; i <p><strong>案例:返回字符位置</strong></p><p>判断一个字符串 <code>'abcoefoxyozzopp'</code> 中出现次数最多的字符,并统计其次数。</p><p><strong>思路:</strong><br> ① 核心算法:利用 charAt()遍历这个字符串。</p><p>② 把每个字符都存储给对象, 如果对象没有该属性,就为1,如果存在了就 +1。</p><p>③ 遍历对象,得到最大值和该字符。</p><p>代码:</p><pre class="brush:php;toolbar:false">// 案例:返回字符位置// 有一个对象 来判断是否有该属性 对象['属性名']var o1 = {
    age: 18}if (o1['age']) {
    console.log('里面有该属性');} else {
    console.log('里面没有该属性');}// 判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符,并统计其次数。var str = 'abcoefoxyozzopp';var o = {};  // 声明一个对象for (var i = 0; i  max) {
        max = o[k];
        ch = k;
    }}console.log('出现次数最多字符的为:' + ch, '次数为:' + max);
Copier après la connexion

(3)字符串操作方法
Une analyse approfondie des objets intégrés JavaScript (partage de résumé)

// 字符串操作方法(重点)
// 1.concat(&#39;字符串1&#39;, &#39;字符串2&#39;,....)  连接两个或多个字符串,等效于+
var str = &#39;andy&#39;;
console.log(str.concat(&#39;red&#39;));  // "andyred"
// 2.substr(&#39;截取的起始位置&#39;,&#39;截取几个字符&#39;)  截取字符串
var str1 = &#39;改革春风吹满地&#39;;
console.log(str1.substr(2, 2));  // "春风"  第一个2 是索引号  第二个2 是取的字符串个数
Copier après la connexion

(4)replace() 方法和 split() 方法

replace() 方法用于在字符串中用一些字符替换另一些字符。

其使用格式如下:

replace(被替换的字符串, 要替换为的字符串);
Copier après la connexion
// 3.replace(被替换的字符串, 要替换为的字符串);  替换字符  它只会替换第一个字符
var str3 = &#39;andyandy&#39;;
console.log(str3.replace(&#39;a&#39;, &#39;b&#39;));  // "bndyandy"
// 有一个字符串 &#39;abcoefoxyozzopp&#39; 要求把里面所有的 &#39;o&#39; 替换为*
var str4 = &#39;abcoefoxyozzopp&#39;;
while (str4.indexOf(&#39;o&#39;) !== -1) {
    str4 = str4.replace(&#39;o&#39;, &#39;*&#39;);
}
console.log(str4);   // "abc*ef*xy*zz*pp"
Copier après la connexion

split() 方法用于切分字符串,它可以将字符串切分为数组。在切分完毕之后,返回的是一个新数组。

 // 4.split()方法用于切分字符串,它可以将字符串切分为数组。在切分完毕之后,返回的是一个新数组。
 // split(&#39;分隔符&#39;)  把字符转换为数组  前面我们学过 join 把数组转换为字符串
 var str5 = &#39;red, pink, blue&#39;;
 console.log(str5.split(&#39;,&#39;));   //  ["red", " pink", " blue"]
 var str6 = &#39;red&pink&blue&#39;;
 console.log(str6.split(&#39;&&#39;));   //  ["red", " pink", " blue"]
Copier après la connexion

其他一些方法:

  • toUpperCase() // 转换大写
  • toLowerCase() // 转换小写

【相关推荐: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!

Étiquettes associées:
source:csdn.net
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