javascript中怎么输入数组

JavaScript029

javascript中怎么输入数组,第1张

你这个问题描述我只能说你去找找如何给数组添加值,常用push进行数组追加

var a = []

a.push("字符串");

console.log(a)

在实际开发中前端情况太多,你是表单还是input还是啥啊?

//////根据评论做了下修改,直接在菜鸟的在线编辑敲了一下,可以直接复制下去用

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"> 

<title>菜鸟教程(runoob.com)</title> 

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script>

var arr = []//全局变量数组

 function myfunction(){

 arr.push($("#input").val())//将输入的值添加入数组

     $("#log").html(arr+",")//打印出来

 }

</script>

</head>

<body>

<input id="input"/>&nbsp<button onclick="myfunction()">给数组添加值</button>

<p>数组的值:</p>

    <p id="log"></p>

</body>

</html>

效果如图:

方法解析如下:

1、push:将参数添加到原数组末尾,并返回数组的长度。

测试代码如下:

执行如下,6已经被加入数组。

2、splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 。

测试代码如下:

执行如下:

3、unshift():在数组的开头添加新元素 。

测试代码如下:

执行如下:0已经被加入开头。

扩展资料:

js数组其他操作函数:

pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined。

测试代码如下:

输出:(5已经被删除)

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="content-type" content="text/html charset=UTF-8">

    <script type="text/javascript">

        window.onload = function () {

            var input = document.getElementById("test")

            var btn = document.getElementById("btn")

            btn.onclick = function(){

                if(input.value){

                    var arr = input.value.split(",")

                    alert(Object.prototype.toString.call(arr))

                }

            }

        }

    </script>

</head>

<body>

<br/>

<br/>

    <input type="text" size="40" id="test"/>

    <input type="button" value="转换" id="btn" />

</body>

</html>