一、length属性

JS 中Array的length长度非常有特点,他不是只读的,因此可以设置。
var colors = ["red","blue","grey"];
colors.length = 2;
console.log(colors[2])  // undefined
console.log(colors) // ["red", "blue"]

二、delete关键字

注意 长度不会变

var colors = ["red","blue","grey"];
delete colors[0];
console.log(colors[2])
console.log(colors) // [undefined, "red", "blue"]

三、pop()栈方法

用于弹出并返回数组的最后一组元素

var colors = ["red","blue","grey"];
var color = colors.pop();
console.log(color); // grey
console.log(colors.length) // 2

四、shift()队列方法

用于弹出并返回数组的第一个元素

五、splice()操作方法

var colors = ["red","blue","grey"];
var color = colors.splice(0,1);
console.log(color); // red
console.log(colors) // ["blue", "grey"]

语法: arrayobject.splice(index, howmany, item1, item2 …)
index:规定添加/删除的下标位置
howmany:要删除的数量
item1:可选,想数组添加的新项目

六、迭代方法

(循环迭代数组元素)可配合splice()

1、用常见的forEach循环对比元素,找到之后删除

2、用循环中的filter方法

var colors = ["red","blue","grey"];
var color = colors.filter(function(item){return item != "red"
});
console.log(color); // ["blue", "grey"]
console.log(colors) // ["red", "blue", "grey"]

七、prototype原型方法

可以通过在Array原型上添加方法来达到删除的目的

Array.prototype.remove = function(dx) {if (isNaN(dx) || dx > this.length) return false;for (var i = 0, n = 0; i < this.length; i++) {if (this[i] != this[dx]) this[n++] = this[i]}this.length -= 1;
}
var colors = ["red","blue","grey"];
var color = colors.remove(1)
console.log(color); // undefined
console.log(colors) // ["red",  "grey"]

前端基础知识 (五)JS删除数组元素的方法相关推荐

  1. JS删除数组元素的函数介绍

    有时候我们需要数组元素的值,那么就可以参考下面的方法,文中提到了不少这方面的资料,数组去重功能等 split将字符串转为数组并输出的代码: 复制代码 代码如下: <script language ...

  2. js 删除数组元素。

    var arr=['a','b','c']; 若要删除其中的'b',有两种方法: 1.delete方法:delete arr[1] 这种方式数组长度不变,此时arr[1]变为undefined了,但是 ...

  3. js 删除数组几种方法

    本文摘自:http://www.cnblogs.com/qiantuwuliang/archive/2010/09/01/1814706.html var arr=['a','b','c']; 若要删 ...

  4. js删除数组几种方法

    var arr=['a','b','c']; 若要删除其中的'b',有两种方法: 1.delete方法:delete arr[1] 这种方式数组长度不变,此时arr[1]变为undefined了,但是 ...

  5. Java基础知识(五) 字符串与数组

    Java基础知识 字符串与数组 1. 字符串的创建与存储的机制是什么 2. "==".equals和hashCode有什么区别 3. String.StringBuffer.Str ...

  6. js删除数组元素方法 总结

    方法一:delete arr[x] 用delete删除后,数组的长度length不会发生变化,此时arr[x]变为undefined. 好处:delete arr[x]后数组的索引保持不变. var ...

  7. Java基础(五):数组和Java方法

    一.Java数组: 1.声明数组变量: 首先必须声明数组变量,才能在程序中使用数组.下面是声明数组变量的语法:注意: 建议使用 dataType[] arrayRefVar 的声明风格声明数组变量. ...

  8. Node.JS 删除数组元素

    //数组数据 var valArray = [2,2,2,3,4,5,2,6,7]; //删除的值 var delVal = 2; //删除元素 for(var i=0; i<valArray. ...

  9. JS之数组元素排序方法sort

    作用:sort() 方法用于对数组的元素进行排序 语法:arrayObject.sort(sortby) 参数:可选.规定排序顺序.必须是函数 返回值:对数组的引用.请注意,数组在原数组上进行排序,不 ...

最新文章

  1. 揭秘PHP深受Web开发者喜爱的原因
  2. 4.QML动画——概念、动画应用方式和动画的缓动曲线
  3. android 截屏指定区域,Android截图 截取ContentView 截取指定的View并且保存
  4. 斗地主案例的需求分析
  5. 关联矩阵古林法的matlab代码,[转载][原创]灰色关联分析及Matlab程序实现
  6. 美国最受欢迎的电商网站,竟然是一家中国公司?
  7. GOF23种设计模式在Java中的应用(part 2)
  8. 这两天测试软件发现的问题
  9. 电子罗盘的工作原理及校准
  10. 无穷级数求和7个公式_数字、数论、数列、级数
  11. 数字电路时钟无毛刺切换
  12. 《交互设计》作业-问卷调查
  13. mysql join 自联结_MYSQL联结(Join)
  14. 游戏服务器的常用架构
  15. 数值优化学习十八——SQP
  16. 【食品化学与营养】第一章 绪论 笔记
  17. 扑克牌顺子(C++)
  18. 移动学习——当代E-Learning的新领域
  19. 【测绘程序设计】——地形图图幅号计算
  20. 计算机二级C语言100套题

热门文章

  1. OceanBase详解OceanBase兼容mysql
  2. 方舟服务器维护公告11月19日,明日方舟11月19日更新总结 强制更新补偿5源石
  3. 自己动手寻找代理服务器的方法
  4. 学计算机类专业要什么牌子笔记本,请问学计算机专业的大学生买什么牌子的笔记本比较合适...
  5. bad signature 0x0000000
  6. 互联网晚报 | 美国监管部门托底,硅谷银行储户可支取所有资金;硅谷银行CEO套现360万美元股票;B站考虑取消前台播放量数据显示...
  7. OpenCV 直线检测应用:识别试卷中填空题
  8. 飞兔论Scrum:工作本是一首诗
  9. 学习感悟:态度决定一切
  10. 企业软文推广如何掌握好新闻发布量