JS 为数组添加新项

最新推荐文章于 2022-08-10 10:16:33 发布
最新推荐文章于 2022-08-10 10:16:33 发布
阅读量768 收藏
点赞数
分类专栏： JS开发技术 文章标签： button input function server json c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BoredZuoMan/article/details/7693770
版权
今天碰到一个很郁闷的问题：将用户文本框输入的值添加到一个数组中，然后点击确认按钮时，查看自己所输入的信息，并排序

以为很简单，后来使用Array数组的时候，发现根本没有add方法。可能是C#做多了对数组有了惯性看法。

 

下面看示例，代码写的比较粗糙，做演示用：

 

<script type="text/javascript">
        
        var arr = new Array();
        function Add(x) {
            arr[arr.length] = x;
document.getElementById('text1').value = "";
            document.getElementById('text1').focus();
        }
        function ShowName() {
            for (result in arr) {
                document.write(arr[result] + "<br/>");
            }
        }
    </script>
<body>
    <form id="form1" runat="server">
        <input type="text" id="text1" />
        <input type="button" οnclick="Add(document.getElementById('text1').value)" value="继续添加"
            id="next" />
        <input type="button" οnclick="ShowName()" value="显示信息" id="Button1" />
    </form>
</body>


 

 本来也可以创建隐藏文本域  来存储用户输入的信息。可那样的话 就失去了操作数组的意义。 当然使用Json拼接也是很不错的用法。

 

BoredZuoMan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS往数组中添加项性能分析
10-24
在JavaScript中，向数组添加项是一项常见的操作，但不同的方法其性能表现可能相差甚远。本文通过对四种常见方法的性能测试，分析了它们在不同规模数据下的效率差异，旨在帮助开发者选择更适合的数组操作方式。 首先...
JS动态的把左边列表添加到右边的实现代码(可上下移动)
10-21
这个示例代码中，`Array.from`用于将`HTMLCollection`转换为数组，这样我们可以使用数组的方法来处理选中的选项。`remove`和`add`是`HTMLSelectElement`对象的方法，分别用于移除和添加`HTMLOptionElement`。 总结...
JavaScript数组增加新的项
raise_sun的博客
04-09 1044
function getAry(){ var nameAry=new Array(); nameAry[0]="tom"; nameAry[1]="jhon"; nameAry[2]="jack"; nameAry[3]="rose"; nameAry[4]="angle"; nameAry[5]="glass"; nameAry[6]="halun
JS | 数组新增元素
m0_72383454的博客
08-10 2322
数组可以在一个变量中存放多个数据，相比于变量来说，存取数据是十分便捷的。今天我们来说一下如何给数组新增元素。
js向数组中插入元素
codeFly
08-11 2万+
1、在数组的开头添加新元素 - unshift() function myFunction(){ var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon","Pineapple"); var x=document.getElementById("demo"); x.innerHTML=fruits; } 结果: Lemon,Pineapple,Banana,Orange,Apple
js shift() push()用法
LANGZI7758521的专栏
06-22 979
shift()方法：移除数组中的第一项并返回该项 push()方法：从数组末端添加项 若是想实现相反的操作的话，可以使用 unshift()方法：在数组的前端添加项 pop()方法：从数组末端移除项 ...
数组的访问及添加、删除数组项
m0_60526657的博客
08-26 106
数组的访问 数组下标是从0开始的，一直到数组的长度-1 如果访问的数组下标超过数组长度，会返回一个undefined var arr=[1,'tom',true,{name:'terry'},[1,2,3]] console.log(arr[1]) //访问数组下标为1的值 输出结果： 给数组添加项 arr=[下标]=值（任意数据类型） var arr=[1,'tom',true,{name:'terry'},[1,2,3]] a...
javascript模拟map输出与去除重复项的方法
10-24
这种方法将数组转换为对象，然后利用对象的键不重复特性，再将对象的键转回为数组，从而达到去重的效果。 总结来说，通过自定义函数，我们可以模拟实现JavaScript中的Map数据结构，并实现添加、删除、获取和遍历等...
Javascript 数组添加一个 indexOf 方法的实现代码
10-29
然而，对于数组，虽然原生的JavaScript数组并不包含这样的功能，但我们可以通过扩展`Array.prototype`来实现一个相似的功能，为数组添加自定义的`indexOf`方法。 以下是一个为JavaScript数组添加`indexOf`方法的...
JavaScript去掉数组重复项的方法分析【测试可用】
12-01
本文实例分析了JavaScript去掉数组重复...2 将object对象转换成数组，key为数组的值。 在之前的重复数组，每一个值实际上对应object只有一个key，这样在还原到数组的时候，重复值就去掉了 [removed] /*用object的特性
js新增数组元素 追加数组
爬楼梯的前端小白的博客
08-09 448
如果当前索引号为空 给值就是追加数组 <script> var arr1 = ['pink', 'red']; arr1[2] = 'blue'; 输入索引号为3的 console.log(arr1); //["pink", "red", "blue"] </script> 如果当前索引号已经有值 给值就是覆盖之前的元素 <script> //新增数组元素 var arr1 = ['pink', 'red']; ..
在JavaScript的Array数组中调用一组Function方法
yi412的专栏
04-13 2595
注* 这是一篇很有趣的文章，可以很好地帮助你了解JavaScript的Function是怎么工作的。 我在看几个月前写的一些代码。在一个数组中(arrays)中存放了一组方法（function），在未来的某个时间要一次性将这些方法都执行一遍。 这是一件非常简单的事，但有关代码的一些始终困扰着我。 假设数组是这样的： var cal
给数组添加元素的6个方法
m0_67266042的博客
02-23 2万+
给数组添加元素的6个方法 1. 使用 length 属性追加元素 使用length属性，可以在数组末尾后面添加一个元素 var arr = [1, 2, 3, 4, 5]; arr[length] = 6; console.log(arr); // [1, 2, 3, 4, 5, 6]; 2. 使用 push 方法追加元素 push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 var arr = [1, 2, 3, 4, 5]; arr.push(6); console.log(arr)
js中给数组添加元素的方法有哪些
懒虫的博客
06-30 3083
js中给数组添加元素的方法有哪些
js实现对数组每一项加1的三种方法
weixin_44363139的博客
08-05 1万+
前几天被问到对一个数组的每一项加1，要求用三种循环的方式写出，今天把代码贴在这里，一来加深自己印象，二来有需要你们可以拿走呦，写错的地方欢迎指正。微信扣扣：1319672314 第一种：使用for循环 var a = [2, 3, 4, 5, 6, 7, 8]; var b = []; // for 循环的写法 for (var i = 0; i < a.length; i++) { c = a[i] + 1; b.push(c); }
js如何往数组Array（list）中添加元素
热门推荐
鑫中有你的博客
09-23 12万+
unshift：将参数添加到原数组开头，并返回数组的长度 pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined push：将参数添加到原数组末尾，并返回数组的长度 concat：返回一个新数组，是将参数添加到原数组中构成的 splice(start,deleteCount,val1,val2,…)：从start位置开始删除deleteCount项，并从
js如何往数组Array中添加元素
weixin_65577721的博客
03-29 1万+
unshift：将参数添加到原数组开头，并返回数组的长度 pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined push：将参数添加到原数组末尾，并返回数组的长度 concat：返回一个新数组，是将参数添加到原数组中构成的 splice(start,deleteCount,val1,val2,...)：从start位置开始删除deleteCount项，并从该位置起插入val1,val2,... reverse：将数组反序 sort(orderfunction)：按...
js给数组里的每一个值加key的方法（每一个值变成obj）
IT博客技术分享
06-03 5904
现在有一个数组： 我们现在想要把数组里的每一个值变成对象，这个值作为对象的value，前面加上统一的key：x 第一种方法： let arr = [1, 2, 3, 4, 5]; var newArr = []; newArr = arr.map(item => ({x:item})); console.log(newArr); 打印结果： 第二种方法： let arr = [1, 2, 3, 4, 5]; const newArr = arr.reduce((...
js给数组添加数据的方式/js 向数组对象中添加属性和属性值
qq_42318977的博客
11-17 1万+
参考：https://www.cnblogs.com/ayaa/p/14732349.html js给数组添加数据的方式有以下几种： 直接利用数组下标赋值来增加（数组的下标起始值是0） 例，先存在一个有3个数据的数组： let arr=[1,2,3]; console.log(arr);　　此时输出的结果是[ 1, 2, 3 ] let arr=[1,2,3]; arr[3]=5; console.log(arr);　　此时的输出结果是[ 1, 2, 3, 5 ]； 通过 数组名[数组名.le.
js数组移除最后两项,改变原数组
最新发布
05-26
为了删除数组的最后两项，我们可以在调用 `splice()` 方法时指定起始位置为数组的倒数第二个元素，删除的数量为2。具体代码如下： ```javascript const arr = [1, 2, 3, 4, 5]; arr.splice(-2, 2); console.log(arr...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值