split().reverse().join()用法

最新推荐文章于 2023-01-04 20:34:08 发布

半生过往

最新推荐文章于 2023-01-04 20:34:08 发布

阅读量727

点赞数 1

分类专栏： JavaScript 文章标签：字符串翻转倒叙

本文链接：https://blog.csdn.net/estrusKing/article/details/120365844

版权

JavaScript 专栏收录该内容

49 篇文章 5 订阅

订阅专栏

split().reverse().join()用法

split()：方法用于把一个字符串分割成字符串数组。
reverse()：方法用于颠倒数组中元素的顺序。
join()：方法也就是把数组中的所有元素以字符串的形式输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div id="app">
        <p>{{ message }}</p>
        <button @click="reverseMessage"> 点击 </button>
    </div>

    </div>
    
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

<script>
     var app = new Vue({
        el:'#app',
        data:{
            message:'hello!'
        },
        //在 methods 里面写方法
        methods:{
            reverseMessage:function(){
                this.message = this.message.split('').reverse().join('')
                                            //split()： 方法用于把一个字符串分割成字符串数组。
                                            // reverse()： 方法用于颠倒数组中元素的顺序。
                                            // join() ：方法也就是把数组中的所有元素以字符串的形式输出
            }
        }
    })
    //倒叙排列，点击输出    !olleh

</script>

</body>
</html>

点击一下点击按钮后,页面展示如下
在这里插入图片描述

1.split（）：

stringObject.split(a,b)这是它的语法：
a是必须的决定个从a开始分割
b不是必须的，可选。该参数可指定返回的数组的最大长度

2.join( )：

join( ): 默认是使用" , “作为分隔符，也可以在方法中指定分隔符。
join(”")方法：!olleh 正常输出
join("#")方法： !#o#l#l#e#h 输出
join()方法：!,o,l,l,e,h 输出
将数组中的所有元素转换成字符串，然后连接起来，这刚好和String的split()方法是一个相反的操作。

半生过往

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
0
评论
split().reverse().join()用法

split().reverse().join()用法split()：方法用于把一个字符串分割成字符串数组。reverse()：方法用于颠倒数组中元素的顺序。join()：方法也就是把数组中的所有元素以字符串的形式输出<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
复制链接

扫一扫