JavaScript实现字母排序和字符排序

最新推荐文章于 2022-09-15 16:43:16 发布

落花的世界

最新推荐文章于 2022-09-15 16:43:16 发布

阅读量484

点赞数 1

分类专栏：技术文章标签： javascript html

本文链接：https://blog.csdn.net/unbelieveme/article/details/109696428

版权

技术专栏收录该内容

6 篇文章 0 订阅

订阅专栏

项目场景：JavaScript实现字母排序和字符排序

注意JavaScript中的关于字符串的一些方法并不是同步，在使用时要注意。

问题描述：reverse()方法的使用对象究竟是谁？

同样这次还是一个简单的问题：

排序问题

我一开始的代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="content">
        <table>
            <tr>
                <td>input the string randomly:</td>
                <td><input type="text" id="string" value="what a beautiful day"></td>
            </tr>
            <tr>
                <td>the sorted result:</td>
                <td><input type="text" id="result1"></td>
            </tr>
            <tr>
                <td>the reversed string:</td>
                <td><input type="text" id="result2"></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="button" onclick="function1()" value="be sorted by character"></td>
            </tr>
            <tr>
                <td><br></td>
            </tr>
            <tr>
                <td></td>
                <td><input type="button" onclick="function2()" value="be sorted by word"></td>
            </tr>
        </table>
    </div>

    <script>
        var string0=document.getElementById("string").value;
        function function1(){
            //insert sort
            var string1=string0.split("");
            var result1=string1.sort();
            var result2=string1.sort().reverse();
            result1=result1.join("");
            result2=result2.join("");
            document.getElementById("result1").value=result1.trim();
            document.getElementById("result2").value=result2.trim();
        }
        function function2() {
            var string2=string0.split(" ");
            var result1=string2.sort();
            var result2=string2.sort().reverse();
            result1=result1.join(" ");
            result2=result2.join(" ");
            document.getElementById("result1").value=result1;
            document.getElementById("result2").value=result2;
        }
    </script>
</body>
</html>

运行的结果：
正排序的结果和逆排序的结果一样

原因分析：同步问题

1.正排序的结果和逆排序的结果一样，表名正排序出现错误。
2.代码中虽然申明了两个变量，result1和result2，

落花的世界

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现字母排序和字符排序

项目场景：JavaScript实现字母排序和字符排序注意JavaScript中的关于字符串的一些方法并不是同步，在使用时要注意。问题描述：reverse()方法的使用对象究竟是谁？同样这次还是一个简单的问题：我一开始的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></hea
复制链接

扫一扫