webgis入门之JavaScript（练习2）-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_67679364/article/details/136362200

本文展示了五个使用JavaScript编写的代码片段，涉及WebGIS开发中的数据处理，如扑克牌组合生成、工资计算、电话号码隐私保护、字符串替换以及数组统计，展示了基本的前端编程技术应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

WEBGIS开发

1、扑克牌组合生成器

<!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>
    <script>
        let arr1 = ['方块', '梅花', '红桃', '黑桃']
        let arr2 = [3, 4, 5, 6, 7]
        let rowArr =[]
        arr2.forEach(item => {
            let row = ''
            let temp2 = item
            arr1.forEach(item => {
                let temp1 = item
                row += temp1 + temp2
            });
            newRow = row.replace(new RegExp(temp2,'g'),temp2+',')
            console.log(newRow.substr(0,newRow.length-1))
        });
    </script>
</body>

</html>

2、工资计算器

<!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>
    <script>
        let arr = [['何敏', 276048], ['李芳', 309424], ['杨希', 521000], ['褚雨桐', 1350152]]
        for (let i = 0; i < arr.length; i++) {
            arr[i][1] *= 2
        }
        let farr = arr.filter((item) => {
            return Number(item[1]) > 1000000
        })

        for (let i = 0; i < farr.length; i++) {
            for (let j = 0; j < farr.length - i - 1; j++) {
                if (farr[j][1] < farr[j + 1][1]) {
                    // 交换位置
                    let temp = farr[j]
                    farr[j] = farr[j + 1]
                    farr[j + 1] = temp
                }
            }
        }
        console.log(farr)

        let sum =0
        for (let j = 0; j < farr.length; j++) {
            sum += farr[j][1];
        }
        console.log(sum)
    </script>
</body>

</html>

3、电话号码隐私保护

<!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>
    <script>
        let teleNum = 17356666666
        let newTeleNum = String(teleNum).substr(0,3) + '****' + String(teleNum).substr(7)
        console.log(newTeleNum)
    </script>
</body>

</html>

4、字符串替换器

<!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>
    <script>
        let str = '小红=99 小白=100 小黄=70 小黑=66 小绿=88';
        while (str.indexOf('=')!== -1){
            str = str.replace('=',':');
        }
        let newStr = str.split(' ')
        newStr.forEach(item => {
            console.log(item)
        });
    </script>
</body>
</html>

5、数组统计

<!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>
    <script>
        // 数组为：[1,3,5,7,24,32,25,48] 1.求数组奇数的个数和偶数的个数 2.求出上面数组的平均值

        let arr = [1,3,5,7,24,32,25,48]
        let oddNum=0
        let evenNum=0
        let sum=0
        let average=0
        arr.forEach(item => {
            if(item%2 == 0){
                evenNum+=1
            }else if(item%2 == 1){
                oddNum+=1
            }
            sum+=item
        });
        average = sum/arr.length
        console.log('奇数个数：',oddNum,'\n偶数个数：',evenNum,'\n平均值为',average)


    </script>
</body>
</html>