JavaScript限制输入框只允许整数和小数点(两种方法)

lxf2023-03-07 19:10:01

在上一篇文章《JavaScript限制输入框只允许整数和小数点(两种方法)》中给大家介绍如何使用javascript完成限定文本框只可以整数金额和小数位,感兴趣的朋友可以去学习了解一下~

文中即将讲的具体内容乃是教你如何应用JavaScript从二维数组中删掉最终一项。

下边我们将根据3个实例来介绍应用JavaScript从二维数组中删掉最终一项的办法:

第一个实例编码:

注:此实例应用splice() 方式从二维数组中删掉最终一项。

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body style="text-align:center;"
      id="body">
<h1 style="color:red;">
    AdminJS
</h1>
<p id="GFG_UP"
   style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
    删掉最终一项
</button>
<p id="GFG_DOWN"
   style="color:red;
              font-size: 20px;
              font-weight: bold;">
</p>
<script>
    var el_up =
        document.getElementById("GFG_UP");
    var el_down =
        document.getElementById("GFG_DOWN");
    var array = [34, 24, 31, 48];
    el_up.innerHTML = "Array = ["   array   "]";

    function gfg_Run() {
        array.splice(-1, 1);
        el_down.innerHTML =
            "删掉后二维数组 = ["   array   "]";
    }
</script>
</body>
</html>

运作结论如下所示:

JavaScript限制输入框只允许整数和小数点(两种方法)

  • JavaScript Array splice() 方式向/从二维数组中加入/删掉新项目,随后回到被删除项目;此方法可以改变初始二维数组。

第二个实例编码:

注:此实例应用pop() 方式从二维数组中删掉最终一项。

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body style="text-align:center;"
      id="body">
<h1 style="color:orange;">
    AdminJS
</h1>
<p id="GFG_UP"
   style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
    删掉最终一项
</button>
<p id="GFG_DOWN"
   style="color:orange;
              font-size: 20px;
              font-weight: bold;">
</p>
<script>
    var el_up =
        document.getElementById("GFG_UP");
    var el_down =
        document.getElementById("GFG_DOWN");
    var array = [34, 24, 31, 48];
    el_up.innerHTML = "Array = ["   array   "]";

    function gfg_Run() {
        array.pop();
        el_down.innerHTML =
            "删掉后二维数组 = ["   array   "]";
    }
</script>
</body>
</html>

运作结论如下所示:

JavaScript限制输入框只允许整数和小数点(两种方法)

  • JavaScript Array pop()方式将删掉 arrayObject 的最后一个元素,把数组长度减 1,而且回到它删除掉原素数值。假如二维数组早已为空,则 pop() 没有改变二维数组,并回到 undefined 值。

第三个编码实例:

注:此实例不容易从二维数组中删掉最终一项,反而是应用slice() 方式回到一个已删除项的二维数组。

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>

<body style="text-align:center;"
      id="body">
<h1 style="color:pink;">
    AdminJS
</h1>
<p id="GFG_UP"
   style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
    删掉最终一项
</button>
<p id="GFG_DOWN"
   style="color:pink;
              font-size: 20px;
              font-weight: bold;">
</p>
<script>
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
    var array = [34, 24, 31, 48];
    el_up.innerHTML = "Array = ["   array   "]";

    function gfg_Run() {
        el_down.innerHTML =
            "删掉后二维数组 = ["   array.slice(0, -1)   "]";
    }
</script>
</body>
</html>

运作结论如下所示:

JavaScript限制输入框只允许整数和小数点(两种方法)

  • JavaScript Array slice() 方式可以从现有的二维数组中回到选中元素,slice()方式可提取字符串某个一部分,并以全新的字符串数组回到被提取一部分; slice() 方式始终不变初始二维数组。

最终为大家推荐《JavaScript基础教程》~欢迎各位学习培训~

之上就是使用JavaScript从二维数组中删掉最终一项(3种方式)的具体内容,大量欢迎关注AdminJS其他类似文章!