思路:
- 1.将句子按照空格进行分隔,将字符串当做数组,数组的先后顺序就是单词之间的先后顺序
- 2.将数组中的每个单词进行反转
方式1:
<script>
//方式1
const reverseWords = str =>{
let arr = str.split(' ');//将字符串进行分隔并转换成数组
let result = arr.map(item=>{
//Array.map() 方法返回一个新数组,此方法可以以一个函数为参数,循环数组的每一个元素,函数将数组中的元素接收为单个参数
//item 这里的item即数组中的每个元素,也就是每个单词
//对数组进行遍历,然后每个元素进行反转,并转换为字符串格式
return item.split('').reverse().join('');
});
return result.join(' ');//以字符串的形式返回最终的结果
}
let str = 'I\'m love music';
console.log(reverseWords(str));
</script>
方式2:
<script>
//方式2
const reverseWords = str =>{
//将str里的元素先转换为数组(以空格的方式进行分隔)
//Array.map() 方法返回一个新数组,此方法可以以一个函数为参数,循环数组的每一个元素,函数将数组中的元素接收为单个参数
//item 这里的item即数组中的每个元素,也就是每个单词
// \s 表示的是空格 g 表示的是全局搜索
return str.split(/\s/g).map(item=>{
//对数组进行遍历,然后每个元素进行反转,并转换为字符串格式
return item.split('').reverse().join('');
}).join(' ');
}
let str = 'I\'m love music';
console.log(reverseWords(str));
</script>
方式3:
<script>
//方式3
const reverseWords = str =>{
//返回包含所有匹配的数组,如果匹配失败返回Null;在str内检索指定的值,或找到一个或多个正则表达式的匹配
//Array.map() 方法返回一个新数组,此方法可以以一个函数为参数,循环数组的每一个元素,函数将数组中的元素接收为单个参数
//item 这里的item即数组中的每个元素,也就是每个单词
// \s 表示的是空格 g 表示的是全局搜索 + 表示存在一个或者多个
// [] 表示的是可选 \w 匹配一个单字字符(字母、数字或者下划线)等价于[A-Za-z0-9_]
return str.match(/[\w']+/g).map(item=>{
//对数组进行遍历,然后每个元素进行反转,并转换为字符串格式
return item.split('').reverse().join('');
}).join(' ');
}
let str = 'I\'m love music';
console.log(reverseWords(str));
</script>