javascript字符串常用方法（三）
推荐
在线提问>>
字符串常用方法之 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);
