字符串常用方法之 concat

　　作用：字符串拼接也可以说是字符串合并

　　语法：字符串.concat(字符串)

　　返回值：拼接后的字符串

　　var str = 'hello world '

　　var str1 = 'ni hao'

　　// 使用 concat 切割成一个数组

　　var res = str.concat('ni hao')

　　console.log(res); // hello world ni hao

　　var res1 = str.concat(str1)

　　console.log(res1); // hello world ni hao

　　字符串常用方法之 trim

　　作用：取出字符串头尾的空白内容

　　语法：字符串.trim()

　　返回值：去除空白内容以后的字符串

　　var str = ' hello world '

　　// 使用 trim 切割成一个数组

　　var res = str.trim()

　　console.log(res); // hello world

　　字符串常用方法之 trimStart / trimLeft

　　作用：去除字符串头部的空白内容

　　语法：

　　¡ 字符串.trimStart()

　　¡ 字符串.trimLeft()

　　返回值：去除空白内容以后的字符串

　　var str = ' hello world '

　　// 使用 trimStart 后者trimLeft去除头部的空白内容

　　var res = str.trimStart()

　　console.log(res); //hello world

　　var res1 = str.trimLeft()

　　console.log(res1); //hello world

　　字符串常用方法之 trimEnd / trimRight

　　作用：去除字符串尾部的空白内容

　　语法：

　　¡ 字符串.trimtrimEnd()

　　¡ 字符串.trimRight()

　　返回值：去除空白内容以后的字符串

　　var str = ' hello world '

　　// 使用 trimEnd 后者trimRight去除尾部的空白内容

　　var res = str.trimEnd()

　　console.log(res); // hello world

　　var res1 = str.trimRight()

　　console.log(res1); // hello world

　　案例-字符串翻转

　　方案1 :

　　// 定义一个字符串

　　var str = 'abcdefg'

　　// 定义一个空的字符串

　　var str1 = ''

　　// 循环遍历字符串

　　for (var i = 0; i < str.length; i++) {

　　console.log(str[i]);

　　str1 = str[i] + str1

　　}

　　console.log(str1);

　　方案2 :

　　// 我们学过一个数组里面的方法是reverse 翻转的意思但是这个是数组的方法

　　// 我们只要想办法把字符串转换成数组就好了

　　// 字符串里面有一个方法 split() 就是用连接符把一个字符串转换成数组

　　// 转换成了数组以后我们调用reverse 方法

　　// 但是 reverse 方法执行完了以后是不还是一个数组啊

　　// 我们是不是还要转换成一个字符串

　　// 数组里面有一个方法叫join()方法

　　var str = 'abcdefg'

　　var s1 = str.split('')

　　console.log(s1);

　　var s2 = s1.reverse()

　　console.log(s2);

　　var s3 = s2.join('')

　　console.log(s3);

　　// 简化一下

　　var str = 'abcdefg'

　　var res = str.split('').reverse().join('')

　　console.log(res);

　　案例-查询字符串操作

　　查询字符串: 'name=Jack&age=18&gender=男'

　　用于前后端数据交互的时候传递参数的一种格式

　　查询字符串中每条信息之间必须使用&符号隔开

　　每条信息有key和value组成

　　每条信息之间使用等号(=)连接

　　查询字符串转换为对象

　　function parseQueryString(str) {

　　// 因为你最要返回一个对象所以要有一个对象

　　var obj = {}

　　// 我们拿到了传递进来的字符串 但是我们要的对象里面是键值对的形式

　　// 所以首先我们要去掉&符号

　　var str = str.split('&')

　　console.log(str);

　　// 我们现在得到的是一个数组 要得到里面的每一个是不是要通过循环

　　str.forEach(function (item) {

　　console.log(item);

　　var s = item.split('=')

　　console.log(s);

　　obj[s[0]] = s[1]

　　})

　　// 最后我们要得到的也是一个对象 所以我们也要返回一个对象

　　return obj

　　}

　　代码优化

　　function parseQueryString(str) {

　　var obj = {}

　　var str = str.split('&')

　　str.forEach(function (item) {

　　obj[item.split('=')[0]] = item.split('=')[1]

　　})

　　return obj

　　}

　　var res = parseQueryString('name=Jack&age=18&gender=男')

　　console.log('转换后的结果 :', res);

　　对象转换为查询字符串

　　function queryString(obj) {

　　// 1.定义一个空字符串

　　var str = ''

　　// 2. 实现过程

　　// 拿到了传进来的对象我们是不是要拿到对象里面的键和值

　　for (var k in obj) {

　　console.log(k, '----------', obj[k]);

　　// 我们能拿到键和值 接下来就是字符串的拼接了是把

　　str += k + '=' + obj[k] + '&'

　　}

　　// 我们最后只要把后面的&符号去掉就好了

　　// str = str.slice(0, str.length - 1)

　　str = str.slice(0, -1)

　　// 3.返回一个最后的结果

　　return str

　　}

　　// 代码优化

　　function queryString(obj) {

　　var str = ''

　　for (var k in obj) {

　　str += k + '=' + obj[k] + '&'

　　}

　　return str.slice(0, -1)

　　}

　　// 使用

　　var res = queryString({ name: 'Jack', age: '18', gender: '男' })

　　console.log('最后的结果 :', res);

上一篇

Spring-retry框架的使用

下一篇

web前端之async的原理