JavaScript【六】JavaScript中的字符串(String)

2023-04-16 135

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JavaScript【六】JavaScript中的字符串(String)

🌟前言

哈喽小伙伴们，本文将收录在JavaScript【前端童子功】这个专栏里；这个专栏里边会收录一些JavaScript的基础知识和项目实战；希望大家可以多多支持，你们的支持就是我创作的动力；让我们一起来看看吧🤘

🌟字符串(String)

字符串用于存储和处理文本。字符串对象是用来处理字符串

🌟单引号和双引号的区别

在js中单引号和双引号没有区别，都可以表示字符或字符串。
json格式的文件必须使用双引号

{
    "name": "张三",
    "age": 20
}

🌟属性

🌟 length :字符串的长度

```js
var str='hello word';
console.log(str.length)    //10
```

🌟 方法

🌟 str.charAt(index);

功能：返回下标为index的子字符串
参数: 数字下标
返回值: 对应下标字符串

🌟 str.charCodeAt(index);

功能: 根据下标，返回对应下标的字符的ACSCII码
参数: 数字下标
返回值: 对应下表字符ACSCII码

🌟 String.fromCharCode(97);

功能: 将ACSCII码转化成字符串，涉及到数字与字母之间的转化可以使用该方法
参数: 十进制ACSCII码
返回值: ACSCII码对应字符串

🌟 str.indexOf(‘a’);

功能：查找一个字符或者字符串在字符串中第一次出现的位置,未找到则返回-1、
参数：要查找的字符串
返回值：目标字符串的下标位置，未找到则未-1

var str='hello world';
str.indexOf('a');         //-1
str.indexOf('o');        //4

🌟 str.lastIndexOf(‘a’)

功能：倒序查找一个字符或者字符串在字符串中第一次出现的位置,返回位置，,
未找到则返回-1

var str='hello world';
str.lastIndexOf('o');      //7

🌟 str.replace(“替换的内容”,“替换后的内容”)

功能：将指定的字符串替换，只能替换第一个
参数： 1. 要替换的内容； 2. 替换后的内容
返回值：返回替换后的字符串
注意：不修改原字符串，所以使用时需要将

replace

方法的返回值保存

var str='hello world';
str.replace('o','a');        //"hella world"

replace支持正则查找，str.replace(/正则/,“替换后的内容”)

🌟 str.slice(起始下标,结束下标)

功能：字符串截取，识别负数，跟数组相同
参数：1. 截取起始下标； 2. 截取结束下标。参数可以是负数，负数表示倒数，只传一个参数表示从起始下标截取到最后

返回值：返回值是截取到的字符串
注意：截取时，包含起始下标，不包含结束下标；不修改原字符串

🌟 str.substring(起始下标,结束下标)

功能：字符串截取，同slice方法，但不识别负数

🌟 str.substr(起始下标，截取的长度)

功能：根据长度进行字符串截取
参数： 1. 起始下标； 2. 截取的长度

🌟 str.split(‘’)

功能：以某一字符串将目标字符串分割，可用于将特定格式的字符串转化如2018/10/20
参数：需要分割的字符串
返回值：原字符串呗参数字符串分割之后的数组
注意：返回值中传入的字符串会被删掉，不修改原字符串

var str='hello world';
console.log(str.split('o'));   //["hell", " w", "rld"]
console.log(str.split(''));    //["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d"]

🌟 str.toLowerCase()

将str字符串中的字符转化为小写，不修改原字符串

🌟 str.toUpperCase()

将str字符串中的字符转化为大写

🌟 str.trim()

将字符串左右空格去除，可用于接收表单数据 IE9以下不识别
返回值：去掉左右空格之后的字符串

var a='   aa   bb   ';
a.trim();       //"aa   bb"

🌟 str.match()

在字符串内检索指定的值，或找到一个或多个正则表达式的匹配
参数：可以是字符串或者正则表达式
返回值：检索到的结果

var str='hello world';
str.match('o');   //["o", index: 4, input: "hello world", groups: undefined]
str.match(/o/g);   // (2) ["o", "o"]

🌟 str.concat(‘a’,‘b’,‘c’)

功能：用于连接两个或多个字符串,与数组中的concat方法很象，不会修改原字符串
参数：多个字符串
返回值：拼接之后的长字符串

🌟 str.padStart() 、str.padEnd()

功能：向字符串开头(padStart)或结尾(padEnd)添加字符，使字符串达到指定的长度。返回在原字符串开头或末尾填充指定的填充字符串直到目标长度所形成的新字符串
参数1: 当前字符串需要填充到的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。

参数2: （可选）填充字符串。如果字符串太长，使填充后的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截断。
注意事项

不写第二个参数填充字符串，则默认用空格填充

填充字符串会自动重复直到达到目标长度
如果原字符串长度已经大于等于目标长度，则直接返回原字符串

'abc'.padStart(10);         // "       abc"
'abc'.padStart(10, "123");  // "1231231abc"
'abc'.padStart(6,"123465"); // "123abc"
'abc'.padStart(8, "0");     // "00000abc"
'abc'.padStart(1);          // "abc"
'abc'.padEnd(10);         // "abc       "
'abc'.padEnd(10, "123");  // "abc1231231"
'abc'.padEnd(6,"123465"); // "abc123"
'abc'.padEnd(8, "0");     // "abc00000"
'abc'.padEnd(1);          // "abc"

使用场景：得到具有固定长度的数据（时间、二进制数、十六进制数）

// 获取时间，如果只有一位则前面用0填充
var time = new Date();
var h = String(time.getHours()).padStart(2,'0')
var m = String(time.getMinutes()).padStart(2,'0')
var s = String(time.getSeconds()).padStart(2,'0')
console.log(`${h}:${m}:${s}`)    // 18:09:03

🌟 字符串与json对象之间的转换

JSON.stringify() 将对象转化为字符串
JSON.parse() 将字符串转化为对象

🌟写在最后

更多JavaScript知识以及API请大家持续关注，尽请期待。各位小伙伴让我们 let’s be prepared at all times！