【JavaScript练习】关于字符串处理

最新推荐文章于 2022-11-25 17:24:43 发布

HsiehChia

最新推荐文章于 2022-11-25 17:24:43 发布

阅读量111

点赞数

分类专栏： JavaScript练习文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_43303646/article/details/113924493

版权

JavaScript练习专栏收录该内容

40 篇文章 2 订阅

订阅专栏

【JavaScript练习】关于字符串处理

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1. 写一个名为toCamelCase的方法，
        // 实现把类似'abc-def-ghi'的字符转换成'abcDefGhi'。
        function toCamelCase(str) {
            return str.replace(/-(.)/g, function($0, $1) {
                return $1.toUpperCase()
            })
        }
        console.log(toCamelCase("abc-def-ghi"));

        // 2. 写一个名为toDashJoin的方法，
        // 实现把驼峰形式字符串'abcDefGhi'转换成'abc-def-ghi'。
        function toDashJoin(str) {
            return str.replace(/[A-Z]/g, function($0) {
                return '-' + $0.toLowerCase()
            })
        }
        console.log(toDashJoin("abcDefGhi"));

        // 3. 写一个名为toCapitalize的方法，
        // 实现首字母大写功能（原来字母就是大写的不处理），如'i like css'转换成'I Like Css'。
        function toCapitalize(str) {
            return str.replace(/(\s+|^)(\w)/g, function($0, $1, $2) {
                return $1 + $2.toUpperCase()
            })
        }
        console.log(toCapitalize('i like css'));

        // 4. 写一个名为toBetterUrl的方法，
        // 实现把类似'CSS value type'转换成'css-value-type'（只需考虑空格和大小写处理）。
        function toBetterUrl(str) {
            return str.replace(/[A-Z]/g, function($0) {
                return $0.toLowerCase()
            }).replace(/\s+/g, '-')
        }
        console.log(toBetterUrl('CSS value type'));
    </script>

</body>

</html>

运行结果
在这里插入图片描述

HsiehChia

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript练习】关于字符串处理

【JavaScript练习】关于字符串处理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
复制链接

扫一扫