在JS数组特定索引处指定位置插入元素的技巧


Posted in Javascript onAugust 24, 2014

如何在JS数组特定索引处指定位置插入元素?

需求: 将一个元素插入到现有数组的特定索引处。听起来很容易和常见,但需要一点时间来研究它。

// 原来的数组
var array = ["one", "two", "four"];
// splice(position, numberOfItemsToRemove, item)
// 拼接函数(索引位置, 要删除元素的数量, 元素)
array.splice(2, 0, "three"); // 
array; // 现在数组是这个样子 ["one", "two", "three", "four"]

如果对扩展原生 JavaScript 不反感,那么可以将这个方法添加到数组原型(Array prototype)中:

Array.prototype.insert = function (index, item) {
this.splice(index, 0, item);
};

此时,可以这样调用:

var nums = ["one", "two", "four"];
nums.insert(2, 'three'); // 注意数组索引, [0,1,2..]
array // ["one", "two", "three", "four"]
Javascript 相关文章推荐
在js中判断checkboxlist(.net控件客户端id)是否有选中
Apr 11 Javascript
在JS中解析HTML字符串示例代码
Apr 16 Javascript
js监听鼠标事件控制textarea输入字符串的个数
Sep 29 Javascript
多种js图片预加载实现方式分享
Feb 19 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
jquery对象访问是什么及使用方法介绍
May 03 Javascript
node.js插件nodeclipse安装图文教程
Oct 19 Javascript
基于Vue.js的表格分页组件
May 22 Javascript
微信小程序实现无限滚动列表
May 29 Javascript
node和vue实现商城用户地址模块
Dec 05 Javascript
微信小程序版本自动更新的方法
Jun 14 Javascript
javascript局部自定义鼠标右键菜单
Dec 08 Javascript
js获取checkbox复选框选中的选项实例
Aug 24 #Javascript
jQuery异步加载数据并添加事件示例
Aug 24 #Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 #Javascript
Jquery中扩展方法extend使用技巧
Aug 24 #Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 #Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 #Javascript
js delete 用法(删除对象属性及变量)
Aug 24 #Javascript
You might like
PHP5在Apache下的两种模式的安装
2006/09/05 PHP
PHP 防恶意刷新实现代码
2010/05/16 PHP
使用php将某个目录下面的所有文件罗列出来的方法详解
2013/06/21 PHP
解析PHP中empty is_null和isset的测试
2013/06/29 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
UserData用法总结 lanyu出品
2010/07/01 Javascript
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
利用javascript解决图片缩放及其优化的代码
2012/05/23 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
jquery实现手风琴效果实例代码
2013/11/15 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
2018/12/03 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
搭建一个nodejs脚手架的方法步骤
2019/06/28 NodeJs
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
2020/04/01 Javascript
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
Python的Django框架中自定义模版标签的示例
2015/07/20 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
使用Python自动生成HTML的方法示例
2019/08/06 Python
wxPython实现分隔窗口
2019/11/19 Python
python清空命令行方式
2020/01/13 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
python+appium+yaml移动端自动化测试框架实现详解
2020/11/24 Python
python+openCV对视频进行截取的实现
2020/11/27 Python
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
罗兰·穆雷官网:Roland Mouret
2018/09/28 全球购物
2014年大学生社会实践自我鉴定
2014/09/26 职场文书
管理人员岗位职责
2015/02/14 职场文书
信仰观后感
2015/06/03 职场文书
创业计划书之干洗店
2019/09/10 职场文书