下面简单测试了Array对象的几个方法的使用,供大家参考
html代码:
<div id="arrDiv"> 添加<input type="text" value="" name="arrValue" />到数组中 <input type="button" value="添加元素并输出" class="addBtn" /><br/> 在第<input type="text" value="" name="arrIndex1" />个位置添加<input type="text" value="" name="arrValue1" /> <input type="button" value="添加元素并输出" class="addIndexBtn" /><br/> 移除数组中第<input type="text" value="" name="arrIndex2" />个元素 <input type="button" value="移除元素并输出" class="delIndexBtn" /><br/> 插入<input type="text" value="" name="arrValue2" />到开始位置 <input type="button" value="插入元素并输出" class="addBeginBtn" /><br/> <input type="button" value="移除第一个元素并输出" class="delBeginBtn" /><br/> <input type="button" value="移除最后一个元素并输出" class="delEndBtn" /><br/> </div>
JS代码(JS是使用的JQuery):
var addArr = new Array(); $('.addBtn').click(function() { var value = $('input[name=arrValue]').val(); addArr.push(value); alert(addArr.join("/")); }); $('.addIndexBtn').click(function() { var index = parseInt($('input[name=arrIndex1]').val()); var value = $('input[name=arrValue1]').val(); addArr.splice(index, 0, value); alert(addArr.join("/")); }); $('.delIndexBtn').click(function() { var index = parseInt($('input[name=arrIndex2]').val()); addArr.splice(index, 1); alert(addArr.join("/")); }); $('.addBeginBtn').click(function() { var value = parseInt($('input[name=arrValue2]').val()); addArr.unshift(value); alert(addArr.join("/")); }); $('.delBeginBtn').click(function() { addArr.shift(); alert(addArr.join("/")); }); $('.delEndBtn').click(function() { addArr.pop(); alert(addArr.join("/")); });
相关推荐
本文实例讲述了Javascript中Array用法。分享给大家供大家参考。具体分析如下: JavaScript中的Array对象就是数组,首先是一个动态数组,而且是一个像C#、Java中“数组、List、HashMap/Dictionary”等的超强综合体。 ...
主要介绍了Javascript实现Array和String互转换的方法,涉及JavaScript中toString方法与split方法的使用技巧,需要的朋友可以参考下
javascript object array方法使用详解.docx
于是我写了这篇文章,总结了如何在 JavaScript 中正确使用地使用 Array 的方法! Array对象为JavaScript内置对象,具有以下属性: 属性 描述 constructor 返回对创建此对象的数组函数的引用。 length 返回...
本文实例讲述了JavaScript中Array对象用法。分享给大家供大家参考,具体如下: Array数组对象有很多常用的方法和属性,现总结如下: 1. length属性,获取数组中元素的个数。 2. concat()方法,连接两个数组。将两个...
JavaScript中的Array类型是经常用到的,Array类型也提供了很多方法能实现我们需求,下面我们来总结一下 一、创建Array的方法 var colors=new Array(); var colors=new Array(3);//创建一个长度为3的数组 var colors=...
文科计算机JAVASCRIPT语言“array”的用法.pdf
javascript 数组中,filter和map使用方法和案例小结。介绍了filter和map的基本使用,语法,使用案例,场景案例及一些注意点
在javascript开发中经常会使用到array中方法,本文将对其一一详细介绍,需要了解的朋友可以参考下
主要介绍了javascript中Array数组的迭代方法,实例分析了Array数组的迭代方法定义与使用技巧,需要的朋友可以参考下
提示:不使用new关键字创建的数组与使用new等同,如上面第三种方式可定义为var arr3 = Array(1,2,3,5); 6.4.5 Array对象 2、Array对象常用属性及方法 成员 类型 作用 length 属性 设置或返回数组中元素的数目。 concat...
JavaScript数组some()方法测试数组中的某个元素是否通过由提供的功能来实现测试。 语法 array.some(callback[, thisObject]); 下面是参数的详细信息: callback : 函数用来测试每个元素。 thisObject : 对象作为...
javascript稀疏数组(sparse array)和密集数组用法分析.docx
本文结合自己的使用经验,给大家总结了javascript中数组array及string的使用方法,这里推荐给有需要的小伙伴。
主要介绍了JavaScript Array对象使用方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
一、关于Array Array的创建很灵活,可以使用Array构造函数,也可以直接创建数组“字面量”。 var arr = new Array();...Array是JavaScript的内置对象,是的,虽然是数组,也是一种对象!! 使用type
这些对象同时在客户端和服务器端的 JavaScript 中使用。 Array 属性 方法 Boolean 属性 方法 Date 属性 方法 Function 属性 方法 Math 属性 方法 Number 属性 方法 Object 属性 方法 String ...