输入red-green-blue 字符串采用中间的字符‘-‘拆分为数组的形式

最新推荐文章于 2024-11-18 12:10:44 发布

不甘_

最新推荐文章于 2024-11-18 12:10:44 发布

阅读量231

点赞数

分类专栏： # JS笔记笔记文章标签：字符串拆分 RGB数组 JavaScript 字符处理前端开发

本文链接：https://blog.csdn.net/qq_57731353/article/details/122864356

版权

笔记同时被 2 个专栏收录

42 篇文章 0 订阅

订阅专栏

JS笔记

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
输入red-green-blue 字符串采用中间的字符'-'拆分为数组的形式 <br>
请输入字符串<input type="text" id="before">
<button onclick="parts()">拆分</button>
结果<input type="text" id="result" style="width: 400px">
<script>
    function parts(){
        var str=document.getElementById("before").value
        var arr=[]//定义一个空数组用来接收输入的字符串转换后的数据
        var sum=0
        for (var i =0;i<str.length;i++){
            console.log(str.charAt(i))
            if (str.charAt(i)=='-'){
                sum++;
            }
        }
        console.log("符号‘-’数量："+sum)
        var index=0
        var num=0

        for (var i =0;i<str.length;i++){
            if (str.charAt(i)=='-'){
                num++
            }else {
                if (arr[num]!=undefined){
                    //如果该变量不为undefined，则字符串拼接
                    arr[num]=arr[num]+str.charAt(i)
                }else {
                    //如果该变量未赋值，则将第一个字符赋值给该变量
                    arr[num]=str.charAt(i)
                }

                console.log(arr[num])//变量每次变化都打印至控制台查看
            }
        }
        document.getElementById("result").value=arr
        //将最后得到的数组写入id为“result“的标签
    }
</script>
</body>
</html>