文档章节

js 数组操作删除

SKYCOBS
 SKYCOBS
发布于 2016/04/26 13:57
字数 416
阅读 24
收藏 1

var arr=['a','b','c'];
若要删除其中的'b',有两种方法:

1.delete方法:delete arr[1]

这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用

for(index in arr)
{
 document.write('arr['+index+']='+arr[index]);
}

这种遍历方式跳过其中undefined的元素

* 该方式IE4.o以后都支持了 

2.js中的splice方法

splice(index,len,[item])    注释:该方法会改变原始数组,返回截取的数组。

splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值

index:数组开始下标        len: 替换/删除的长度       item:替换的值,删除操作的话 item为空

如:arr = ['a','b','c','d']
删除 ----  item不设置
arr.splice(1,1)   //['a','c','d']         删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变
arr.splice(1,2)  //['a','d']          删除起始下标为1,长度为2的一个值,len设置的2
替换 ---- item为替换的值
arr.splice(1,1,'ttt')        //['a','ttt','c','d']         替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1
arr.splice(1,2,'ttt')        //['a','ttt','d']         替换起始下标为1,长度为2的两个值为‘ttt’,len设置的1
 
添加 ----  len设置为0,item为添加的值
arr.splice(1,0,'ttt')        //['a','ttt','b','c','d']         表示在下标为1处添加一项‘ttt’

3.转字符串 

a = ['1','2','3','4','5'];
alert("elements: "+a.join(",")+"nLength: "+a.length);//双引号里可以添加连接的东西,不填默认逗号
alert("elements: "+a.toString()+"nLength: "+a.length);


本文转载自:http://www.cnblogs.com/Joans/p/3981122.html

上一篇: display:none
SKYCOBS
粉丝 10
博文 122
码字总数 19280
作品 0
呼和浩特
程序员
私信 提问
【原创】数组完整篇 / 基本操作/ 进阶 / 遍历 / 实例 / 拓展 / 取 / 赋

【基础】数组基本操作 数组的常见基本操作分为:赋值,查长度,添加push,删除delete,遍历for-in等。简单数组是一维的,但是实际工作中,数组总是与对象结合使用,叫:数组对象。 类型操作分...

柴高八斗之父
2017/08/29
40
0
前端高频面试题 JavaScript篇

以下问题都来自于互联网前端面经分享,回答为笔者通过查阅资料加上自身理解总结,不保证解答的准确性,有兴趣讨论的同学可以留言或者私信讨论。 1.JS的异步机制? 2.闭包如何实现? 3.原型链、...

大雄的学习人生
2018/06/25
0
0
JavaScript基础-基本数据类型和基本流程控制

JavaScript基础1 一、基本数据类型 1.Number 2.String 3.Null 4.Undefined 5.true or false 二、字符串常用方法 1.解析字符串数字 parseInt:解析成整数 parseFloat:解析成小数 2.文本常见操...

pei_river
2018/09/06
7
0
面试官:JavaScript的数组有什么特殊之处?

面试官:JavaScript的数组有什么特别的地方吗? 数组是前端开发者最常用的数据结构了,我们在项目中无时不刻在操作着数组,例如将列表组件的数据储存在数组里、将需要渲染成条形图的数据同样...

寻找海蓝96
07/12
0
0
50 个JS 必须懂的面试题为你助力金九银十

作者:Kenmen 译者:前端小智 来源:hackr.io 为了保证的可读性,本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 为了回馈读者,《大迁世界》不定期...

前端小智
09/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx+tomcat配置https

1、nginx配置https和【proxy_set_header X-Forwarded-Proto $scheme;】 2、java代码: String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServe......

perofu
12分钟前
3
0
必看的Linux系统新手进阶老手心得

不知道从什么时候起,linux这个话题变得越来越普及,成为大家经常讨论的话题。无论在网络上还是实际生活中,竟然很多人都在纠结学习linux的问题。网络上给的答案千千万万,而却还有很多人踌躇...

Linux就该这么学
15分钟前
2
0
Spring Boot 配置元数据指南

1. 概览 在编写 Spring Boot 应用程序时,将配置属性映射到 Java bean 上是非常有用的。但是,记录这些属性的最好方法是什么呢? 在本教程中,我们将探讨 Spring Boot Configuration Proces...

liululee
18分钟前
2
0
foreach查找子类

$list = $menu_model -> menu_list();$parent_list = [];foreach ($list as $v){ if ($v['pid'] == 0) { $parent = $v; foreach ($list as $v1) ......

小小小壮
30分钟前
2
0
基于 HTML5 Canvas 实现的 TP-LINK 电信拓扑设备面板

前言 今天我们以真实的 TP-LINK 设备面板为模型,完成设备面板的搭建,和指示灯的闪烁和图元流动。 先来目睹下最终的实现效果:http://www.hightopo.com/demo/blog_tplink_20170511/index.h...

htdaydayup
36分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部