JavaScript中字符串相关总结(附实例)

目录

  1. charAt 获取指定位置处的字符
  2. charCodeAt 返回指定字符元素的ASCLL码值
  3. Concat 字符串连接
  4. Slice 字符串剪切
  5. Substring 截取字符串
  6. Substr 截取字符串
  7. trim去除空白
  8. 字符串大小写转换
  9. replace替换指定字符
  10. split分割字符串

前言

	字符串的相关操作其实可以对应数组

正文

声明两个字符串

var str = 'liuzhixin';
var str1 = 'zengchuiyu';
  1. charAt 获取指定位置处的字符

atr.charAt(3);

console.log(str.charAt(3));

结果:

在这里插入图片描述

  1. charCodeAt 返回指定字符元素的ASCLL码值

str.charCodeAt(1)

 console.log(str.charCodeAt(1));

结果:

在这里插入图片描述

  1. Concat 字符串连接

str.concat(str1);

console.log(str.concat(str1));

结果:

在这里插入图片描述

  1. Slice 字符串剪切

字符串剪切,原字符串不发生改变

str.slice(2,3);

 console.log(str.slice(1,3));
 console.log(str);

结果:

在这里插入图片描述

如果传的是负数,那么就是length+(负数)的位置往后截取

console.log(str.slice(-2));

在这里插入图片描述

  1. Substring 截取字符串

substring 用于提取字符串中介于两个指定下标之间的字符

如果只有一个参数,则表示截取该位置后面所有的字符

 console.log(str.substring(2));
 console.log(str.substring(2,3));
 console.log(str);

结果:

在这里插入图片描述

  • 如果给的参数是负数,那么表示从0开始截取整个字符串
  1. Substr 截取字符串
 substr(n,m);
    // n:截取的开始的地方
    // m:截取的个数
  1. trim去除空白

返回去除两边空白后的字符串,原字符串不发生改变。

console.log('!'+str2+'!');
str2 = str2.trim();
console.log('!'+str2+'!');

结果:
在这里插入图片描述

  1. 字符串大小写转换
  • toUpperCase 转换成大写字母
  • toLowerCase 转换成小写字母
  // toUpperCase 转换成大写字母
  console.log(str.toUpperCase());
  // 老式的转换大写
  console.log(str.toLocaleUpperCase());

  // toLowerCase 转换成小写字母
  console.log(str.toLowerCase());
  // 老式转换成小写
  console.log(str.toLocaleLowerCase());
  1. replace替换指定字符

替换找到的第一个字符,不改变原字符串

replace 替换的时候,只要找到第一个就直接替换,后面的不再替换

console.log(str);
console.log(str.replace('zhi','wo'));
console.log(str);

在这里插入图片描述

  • 替换所有的同一指定字符
 // 用正则表达式替换所有指定元素
  console.log(str.replace(/a/g,"s"));  // g: global 全局  
  1. split分割字符串

split 切割字符串,返回一个数组

console.log(res.split());  //如果不加任何参数,整个字符串会切割成数组的一个项

在这里插入图片描述

console.log(res.split(""));

在这里插入图片描述
每个字符之间等价于有个空格

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值