js数组的基本用法及数组根据下标(数值或字符)移除元素

 更新时间:2013年10月20日 11:07:36   作者:  
js数组的用法包括创建、取值赋值、添加以及根据下标(数值或字符)移除元素等等,在本文将为大家详细介绍下,感兴趣的朋友可以参考下
1、创建数组
复制代码 代码如下:

var array = new Array();
var array = new Array(size);//指定数组的长度
var array = new Array(item1,item2……itemN);//创建数组并赋值

2、取值、赋值
复制代码 代码如下:

var item = array[index];//获取指定元素的值
array[index] = value;//为指定元素赋值

3、添加新元素
复制代码 代码如下:

array.push(item1,item2……itemN);//将一个或多个元素加入数组,返回新数组的长度
array.unshift(item1,item2……itemN);//将一个或多个元素加入到数组的开始位置,原有元素位置自动后移,返回 新数组的长度
array.splice(start,delCount,item1,item2……itemN);//从start的位置开始向后删除delCount个元素,然后从start的位置开始插入一个或多个新元素

4、删除元素
复制代码 代码如下:

array.pop();//删除最后一个元素,并返回该元素
array.shift();//删除第一个元素,数组元素位置自动前移,返回被删除的元素
array.splice(start,delCount);//从start的位置开始向后删除delCount个元素

5、数组的合并、截取
复制代码 代码如下:

array.slice(start,end);//以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
array.concat(array1,array2);//将多个数组拼接成一个数组

6、数组的排序
复制代码 代码如下:

array.reverse();//数组反转
array.sort();//数组排序,返回数组地址

7、数组转字符串
复制代码 代码如下:

array.join(separator);//将数组原因用separator连接起来

列了这么都就是没有发现根据下标删除数组元素的方法!于是查了一些资料找到了解决方法。
删除数组元素需要扩展Array原型prototype.
一般的数组的下标都是数值型,但是也有字符型的下标
数值型的处理,首先的把下面的代码写出来,是对数组的扩展
复制代码 代码如下:

Array.prototype.del = function(dx)
{
if(isNaN(dx)||dx>this.length){return false;}
this.splice(dx,1);
}

其次,数值型的直接传递数值的参数即可。例如var arr = ["aa","bb"];arr.del(0);
下面说一下字符型的下标
复制代码 代码如下:

var arr = [].
arr["aa"] = 1;

相关文章

  • javascript绘制简单钟表效果

    javascript绘制简单钟表效果

    这篇文章主要为大家详细介绍了javascript绘制简单钟表效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • js鼠标点击图片切换效果代码分享

    js鼠标点击图片切换效果代码分享

    这篇文章主要为大家详细介绍了js鼠标点击图片切换效果,很实用的代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-08-08
  • Bootstrap实现登录校验表单(带验证码)

    Bootstrap实现登录校验表单(带验证码)

    本文给大家介绍使用Bootstrap新制作的一个登录框,带验证码,带校验,非常不错,具有参考借鉴价值,感兴趣的朋友可以参考下
    2016-06-06
  • Javascript在IE和Firefox浏览器常见兼容性问题总结

    Javascript在IE和Firefox浏览器常见兼容性问题总结

    这篇文章主要介绍了Javascript在IE和Firefox浏览器常见兼容性问题,结合实例形式总结分析了javascript在IE与Firefox浏览器中常见的各种兼容性问题与相应的解决方法,需要的朋友可以参考下
    2016-08-08
  • Bootstrap字体图标无法正常显示的解决方法

    Bootstrap字体图标无法正常显示的解决方法

    这篇文章主要为大家详细介绍了Bootstrap字体图标无法正常显示的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • js漂浮广告实现代码

    js漂浮广告实现代码

    js漂浮广告实现代码,本质上就是一个来回滚动的小图片,也是一种广告形式,需要的朋友可以收藏下
    2015-08-08
  • js get和post请求实现代码解析

    js get和post请求实现代码解析

    这篇文章主要介绍了js get和post实现代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • js+canvas实现代码雨效果

    js+canvas实现代码雨效果

    这篇文章主要为大家详细介绍了js+canvas代码雨效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • layui的layedit富文本赋值方法

    layui的layedit富文本赋值方法

    今天小编就为大家分享一篇layui的layedit富文本赋值方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript实现拖拽排序的方法详解

    JavaScript实现拖拽排序的方法详解

    可拖拽排序的菜单效果大家想必都很熟悉,本次我们通过一个可拖拽排序的九宫格案例来演示其实现原理,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-05-05

最新评论