JavaScript学习 — 字符串的各种操作

最新推荐文章于 2025-12-15 15:15:21 发布

原创最新推荐文章于 2025-12-15 15:15:21 发布 · 167 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #学习 #前端

基础学习专栏收录该内容

68 篇文章

订阅专栏

这篇博客通过示例详细介绍了JavaScript中的字符串操作，包括使用typeof检查数据类型、字符串拼接的不同方法（加号、模板字符串、concat）以及获取字符、查找子串的下标、替换子串等。此外，还探讨了数组的转换，如使用join方法将数组转换为字符串，以及split方法将字符串切割回数组。最后，展示了数字与字符串之间的转换以及字符串处理空格的方法。

详见代码：

<script>
    let x = "路飞";
    let y = new String("索隆");
    // typeof()方法是输出数据类型
    // string
    console.log(typeof (x));
    // object
    console.log(typeof (y));
    let onepiece01 = '我是王路飞';
    let onepiece02 = '要成为海贼王的人';
    // 使用加号 实现 字符串拼接
    let onepiece03 = onepiece01 + ',' + onepiece02;
    console.log(onepiece03);
    // 使用字符串模板 实现 字符串拼接
    let onepiece04 = `${onepiece01},${onepiece02}`;
    console.log(onepiece04);
    // 使用concat方法 实现 字符串拼接
    let onepiece = onepiece01.concat(onepiece02);
    console.log(onepiece);
    // 根据字符串下标 获取字符串某下标位置上的字符
    console.log(onepiece.charAt(5));
    // 字符串中第一次出现的字符串的下标
    console.log(onepiece.indexOf('王'));
    // 字符串中最后一次出现的字符串的下标
    console.log(onepiece.lastIndexOf('王'));
    // 搜索 查找 返回 index 若为正数则存在，为负数不存在
    console.log(onepiece.search('王'));
    console.log(onepiece.search('索'));
    // 替换 第一次出现
    console.log(onepiece.replace('王', '蒙奇D'));
    // 替换 所有
    console.log(onepiece.replaceAll('王', 'king'));
    // 爱你中国 起始值 结束值 前包后不包
    console.log(onepiece.slice(1, 5));
    // 爱你中国 起始值 结束值 前包后不包
    console.log(onepiece.substring(1, 5));
    // 你中国亲爱 起始值 截取长度
    console.log(onepiece.substr(2, 3));
    let times = [1998, 08, 22];
    // join（）方法是将数组转换成字符串。
    let date = times.join('-');
    console.log(date);
    // split（）方法是将字符串切割成数组的形式
    let array = date.split('-');
    console.log(array);
    // number 与 string 互转
    let a = 10;
    // number
    console.log(typeof (a));
    // string
    console.log(typeof (a.toString()));
    // object
    console.log(typeof (new String(a)));
    // number
    console.log(typeof (parseInt(new String(a))));
    // 字符串处理空格
    let bleach = ' 一护 一护 ';
    // 长度为7
    console.log(bleach.length);
    // 长度为5 收尾去空格
    console.log(bleach.trim().length);
    // 长度为4 利用字符串 替换 实现 去除字符串中所有的空格
    console.log(bleach.replaceAll(' ', '').length);
</script>