js 数组的crud操作
增加
push(); 向数组尾添加元素
unshift(); 向数组头添加元素
向数组指定下标添加元素:
可以用Array提供的splice();
var arr = ['a','b','c'];
arr.splice(1,0,'e');
arr[1]; //返回 e Array原型链支持扩展,可以添加一个新函数。
//Array原型链添加新函数。
Array.prototype.insert = function(index,val){
if(index > -1){
this.splice(index,0,val);
}
}
var arr = ['a','b','c'];
arr.insert(1,'e');
arr[1]; //返回 e
删除
pop(); 删除数组尾元素
shift(); 删除数组头元素
删除数组指定下标元素:
同样可以用splice();
var arr = ['a','b','c'];
arr.splice(0,1);
arr[1]; //返回 c
arr.length; //返回2 同样可以给Array扩展一个remove函数
//Array原型链添加新函数。
Array.prototype.remove = function(index){
if(index > -1){
this.splice(index,1);
}
}
var arr = ['a','b','c'];
arr.remove(1);
arr[1]; //返回 c
arr.length; //返回2
修改
可以说splice(); 就是很棒的修改函数。
var arr = ['a','b','c'];
arr.splice(2,1,"g");
arr[2]; //返回 g
arr.length; //返回 3
如果觉得不方便还是一样重做个函数
//Array原型链添加新函数。
Array.prototype.update = function(index,val){
if(index > -1){
this.splice(index,1,val);
}
}
var arr = ['a','b','c'];
arr.update(0,"q");
arr[0]; //返回 q
arr.length; //返回 3
到这里再来介绍操作数组增删改的通用函数 splice();
Array.splice(); 参数:增/删下标,删除数量
var arr = [1,2,3,4,5,6,7,8,9,0];
arr.splice(0,2);
for(i in arr){
console.log(arr[i]);
// [3,4,5,6,7,8,9,0];
}
js 数组的crud操作的更多相关文章
- JS 数组间的操作
JS 数组间的操作(交集,并集.差集) 以下是js数组之间常用的操作,如交集,并集.差集等. 迭代 each是一个集合迭代函数,可以将一个函数作为参数和一组可以选的参数.依次将集合的每一个元素和可选参 ...
- js 数组常用的操作函数整理
平时多做企业应用开发,抱着实用为主,对前端技术理解得比较肤浅,下面就是肤浅地对 js 数组的属性和方法及对它操作的 jquery 方法做些记录: js 数组是 js 内建的一个非常强大数据类型,由于 ...
- js数组的常用操作
数组合并 var arr=[1,"abc","张三","122"]; var b=["今天天气不错","适合学 ...
- js 数组的所有操作
js的数组操作有很多,这里记录了常用的和不常用的数组操作方法. 一.数组的创建 数组的创建有两种方法,一种是通过字面量,另一种是通过Array构造函数. 1.字面量 var num1 = [1,2,3 ...
- js数组设置值操作
js中给数组中添加新值的方式: var flow=[]; for(var i=0;i<21;i++){ flow.push(Math.floor(Math.random()*(30+((i%12 ...
- js数组的一些操作
原文地址:flash很好玩 http://www.cnblogs.com/yuzhongwusan/archive/2008/12/15/1355378.html arr = new Array(1 ...
- JS 数组相关的操作函数
// 1.数组拼接 concat() var a = [1, 2]; var b = [3, 4]; console.log(a.concat(b)); // [1, 2, 3, 4] // 2.数组 ...
- js数组的常见操作( push、pop、unshift、shift、splice、concat、 join)的用法
1.数组添加删除 头部或尾部( push().pop().unshift().shift() ) 例2.数组尾部添加 push()方法可向数组的末尾添加一个或多个元素,并返回新的长度 语法:array ...
- js几种基本数据类型及之间转换与java的不同、js数组一些常见操作
js的三大组成部分及各自作用: 1.ECMAScript:规范了js的基本语法和功能 2.DOM:js操作页面元素的API 3.BOM:js操作浏览器部分功能的API 如果通过<script s ...
随机推荐
- textwrap 笔记
import textwrap s = """Look into my eyes, look into my eyes, the eyes, the eyes, the ...
- C# 多线程控制
C# 多线程控制 通讯 和切换 一.多线程的概念 Windows是一个多任务的系统,如果你使用的是windows 2000及其以上版本,你可以通过任务管理器查看当前系统运行的程序和进程.什么是进 ...
- Spring Boot基础知识
Spring Boot 是微服务中最好的 Java 框架. 我们建议你能够成为一名 Spring Boot 的专家. 问题一 Spring Boot.Spring MVC 和 Spring 有什么区别 ...
- class path resource [spring/ApplicationContext-springmvc.xml] cannot be opened because it does not exist
配置如下: <init-param> <param-name>contextConfigLocation</param-name> <param-va ...
- 【转】C# 开发Chrome内核浏览器(WebKit.net)
WebKit.net是对WebKit的.Net封装,使用它.net程序可以非常方便的集成和使用webkit作为加载网页的容器.这里介绍一下怎么用它来显示一个网页这样的一个最简单的功能. 第一步: 下载 ...
- spring cloud-前端跨域问题的解决方案
当我们需要将spring boot以restful接口的方式对外提供服务的时候,如果此时架构是前后端分离的,那么就会涉及到跨域的问题,那怎么来解决跨域的问题了,下面就来探讨下这个问题. 解决方案一: ...
- 【nginx】之proxy_pass
在nginx中配置proxy_pass代理转发时,如果在proxy_pass后面的url加/,表示绝对根路径:如果没有/,表示相对路径,把匹配的路径部分也给代理走. 假设下面四种情况分别用 h ...
- 杂项:TMT(数字媒体产业)
ylbtech-杂项:TMT(数字媒体产业) TMT(Technology,Media,Telecom),是科技.媒体和通信三个英文单词的缩写的第一个字头,整合在一起.含义实际是未来(互联网)科技.媒 ...
- 解决Kubernetes 1.7.3 kube-apiserver频繁异常重启的问题(转)
原文的帖子无法访问,我只能粘贴内容 近期将之前的一个用Kubernetes 1.3.7的环境更换为最新发布的用kubeadm安装的Kubernetes 1.6.4 Dashboard无法访问的问题&g ...
- Zabbix agentd 命令
#zabbix_agentd -p 查看zabbix所有的内置监控项 [root@nod01 zabbix_agentd.d]# zabbix_agentd -pagent.hostname [s|Z ...