声明数组

    var arr1 = [1,2,3,4,5];
var arr2 = new Array(100); //声明长度为100的arr2数组。 arr2=[]; arr2.length = 100;
var arr3 = new Array([1,2,3,4,5]); //是一个二维数组。 arr3 = [[1,2,3,4,5]]; arr3.length = 1; arr3[0] = [1,2,3,4,5];arr3[0].length = 5;
var arr4 = new Array(1,2); // arr3 = [1,2];arr3.length = 2;

 

 前面添加unshift() 删除shift() 后面添加push() 删除pop()

    var arr1 = [1,2,3,4,5];
arr1.unshift(5,6); //arr1 = [5,6,1,2,3,4,5]; unshift: 在集合开头添加一个或更多元素,并返回新的数组
var arr2 = [1,2,3,4,5];
arr2.shift(); //arr2 = [2,3,4,5] shift:从集合中把第一个元素删除,并返回返回新的数组
var arr3 = [1,2,3,4,5];
arr3.push(5,6); //arr3 = [1,2,3,4,5,6] push:在集合中尾部元素,并返回返回新的数组
var arr4 = [1,2,3,4,5];
arr4.pop(); //arr4 = [1,2,3,4] pop:从集合中把最后一个元素删除,并返回返回新的数组 var arr5 = [1,2,3,4,5];
arr5.length = 3; //arr5 = [1,2,3]; 数组快速删除,并返回新的数组。

 

 数组的截取arr.slice(start,end)方法   start和end指下标,不包含end的元素

var arr = [1,2,3,4,5,6,7,8,9];

document.writeln(arr.slice(4)+'<br />'); // 输出:[5,6,7,8,9]
document.writeln(arr.slice(-4)+'<br />'); // 输出:[6,7,8,9]
document.writeln(arr.slice(0,4)+'<br />'); // 输出:[1,2,3,4]
document.writeln(arr.slice(1,2)+'<br />'); // 输出:[2]
document.writeln(arr.slice(3,-2)+'<br />'); // 输出:[4,5,6,7]
document.writeln(arr.slice(1,100)+'<br />'); // 输出:[2,3,4,5,6,7,8,9]

  Array对象的slice(start,end)方法返回数组从下标[start,end)的部分(不包含下标为end的元素)如果没有指定end参数,

则从start开始到数组结尾的部分,slice()方法是截取arr的一段元素,原数组不变。

参数:

(1)start:开始截取的数组下标,如果start是负数,表明从数组尾部开始计算。
(2)end:结束截取的数组下标,如果end是负数,表明从数组尾部开始计算。

 

 数组的删除arr.splice(index,howmany,item1,.....,itemX) 方法 index起始下标 howmany 删除的个数 item 新添加的元素

var arr = [1,2,3,4,5,6,7,8,9];
arr.splice(4);
console.log(arr); // 输出:[1,2,3,4] 从下标为4的元素开始删除,删除0位,没有插入,并返回给数组
var arr = [1,2,3,4,5,6,7,8,9];
arr.splice(-4);
console.log(arr);// 输出:[1,2,3,4,5]
var arr = [1,2,3,4,5,6,7,8,9];
arr.splice(1,2);
console.log(arr);// 输出:[1,4,5,6,7,8,9] 从下标为1开始删除,删除2位,没有插入,并返回给数组
var arr = [1,2,3,4,5,6,7,8,9];
arr.splice(1,4,555);
console.log(arr);// 输出:[1,555,6,7,8,9] 从下标为1开始删除,删除4位,插入元素555,并返回给数组
var arr = [1,2,3,4,5,6,7,8,9];
arr.splice(1,4,10,11,12);
console.log(arr);// 输出:[1,10,11,12,6,7,8,9] 从下标为1开始删除,删除4位,插入元素10,11,12,并返回给数组
var arr = [1,2,3,4,5,6,7,8,9];
arr.splice(1,4,[10,11,12]);
console.log(arr);// 输出:[1,[10,11,12],6,7,8,9] 从下标为1开始删除,删除4位,插入元素10,11,12,并返回给数组

参数:
(1)index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
(2)howmany 可需。要删除的项目数量。如果设置为 0,则不会删除项目。
(3)item1, ..., itemX 可选。向数组添加的新项目(可为元素,可为数组)。

 

 数组的拼接concat(arrayX,arrayX,......,arrayX) 方法用于连接两个或多个数组

var arr = [1,2,3];
var newArr = arr.concat(4,5);
console.log(newArr); // 输出 [1,2,3,4,5]; var _arr = [1,2,3];
var _arr1 = [4,5];
var _arr2 = [6,7,8]
var _newArr = arr.concat(_arr1,_arr2);
console.log(_newArr); // 输出 [1,2,3,4,5,7,8];

  该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本,需赋给一个新的数组。

 

 数组的倒叙reverse() 方法用于颠倒数组中元素的顺序

var arr = [1,2,3];
arr.reverse();
console.log(arr); //输出[1,2,3] 将原有数组倒过来

  数组join(separator) 方法用于把数组中的所有元素放入一个字符串

var arr = [1,2,3];
var str1 = arr.join('a');
var str2 = arr.join('');
var str3 = arr.join();
console.log(str1); // 1a2a3a 类型 string
console.log(str2); // 123 类型 string
console.log(str3); // 1,2,3 类型 string

参数:
 separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

JS 数组方法 array数组声明 元素的添加和删除 等的更多相关文章

  1. JS数组方法汇总 array数组元素的添加和删除

    js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[ ...

  2. js sort方法根据数组中对象的某一个属性值进行排序(实用方法)

    js sort方法根据数组中对象的某一个属性值进行排序 sort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名,其他部分代码与正常使用sort方法相同. var arr = [ {nam ...

  3. js进阶 9-11 select选项框如何动态添加和删除元素

    js进阶 9-11 select选项框如何动态添加和删除元素 一.总结 一句话总结: 二.js进阶 9-11 select选项框如何动态添加和删除元素 1.案例说明 2.相关知识 Select 下拉列 ...

  4. 数组方法 Array.prototype

    Object.prototype 数组的值是有序的集合,每一个值叫做元素,每一个元素在数组中都有数字位置编号,也就是索引,js中数组是弱类型的,数组中可以含有不同类型的元素.数组元素甚至可以是对象或者 ...

  5. 原生js 学习之array 数组

    Array的原生方法:  concat(): 连接两个或更多的数组哦 join(): 把数组的所有元素放在一个字符串中 pop():删除并返回数组的最后一个元素 push():向数组的末尾添加一个元素 ...

  6. 前端深入之js篇丨Array数组操作从入门到成神Up Up Up,持续更新中

    写在前面 随着前端深入的不断学习,发现数组这个数据结构在前端中有着相当大的存在感,由于我初学前端的时候并没有系统性的学习数组,所以我将通过这篇文章同你一起学习数组,希望我们能一起进步,学会熟练操作数组 ...

  7. js中数组元素的添加和删除

    js中数组元素常用添加方法是直接添加.push方法以及unshift方法 删除方法则是delete.pop.shift 集修改方法为一身的则是splice 1.添加: (1)直接添加通常都是这样 va ...

  8. JavaScript的数组方法(array)

    数组方法: 1. concat()  合并数组 2. join()  将数组的元素拼接成字符串,并指定分隔符 3. push()  往数组末尾添加一个元素,并返回新的数组的长度 4. reverse( ...

  9. js 字符串方法 和 数组方法总览

    字符串方法        search()             方法搜索特定值的字符串,并返回匹配的位置.         相比于indexOf(),search()可以设置更强大的搜索值(正则表 ...

随机推荐

  1. iframe空白

    优酷网页上复制的通用代码用来播放视频,浏览器和谷歌模拟器正常,但是发布后手机上打开一片空白,一直以为是苹果手机不支持iframe,最后发现是由于iframe播放链接是http的,而我们网页是https ...

  2. Java 常见BUG 整理

    1.BigDecimal初始化double 2.Integer   java对于-128到127之间的数,会进行缓存,这个范围的Integer对象是同一个! == 是ok,但是超出这个范围就不可以用 ...

  3. 【Linux】计划任务

    计划任务的意义 计划任务 创建和管理在指定时间自动执行的任务 注意事项 要使任务计划在指定时间自动运行,计划任务的服务必须是启动的 计划任务分类 使用at命令调用atd进程设置在某个特定的时间,执行一 ...

  4. react中如何获取onclick事件调用元素的dom对象

    今天终于有时间写博客了, 前几天项目有个需求,我感觉用dom操作兄弟元素实现比较方便,但是前端用的react框架不能用jquery的$(this)获取当前元素,查了好多资料和尝试后写下总结: 在HTM ...

  5. HTML5 添加视频和音频(响应式视频)

    最初的 HTML5规范呼吁所有浏览器内置支持使用 Ogg格式① 直接播放视频或音频(无需插件).但是由于 HTML5工作组的内部争议,曾经作为基线标准的支持 Ogg(包括 Theoravideo 和 ...

  6. NOR Flash的原理与操作

    学习目标: 1.了解nor flash存储芯片的概念和特性 2.掌握使用s3c2440芯片对外挂的nor flash进行读写擦除操作 1.NOR Flash的简单介绍 NOR Flash最早是由Int ...

  7. SylixOS 系统初探

    国产嵌入式硬实时操作系统 SylixOS 初体验 关于 SylixOS 详细了解请见:http://wiki.sylixos.com/index.php/%E7%B3%BB%E7%BB%9F%E7%A ...

  8. Python学习 :面向对象 -- 三大特性

    面向对象的三大特性 一.封装 把数据.值.变量放入到对象中 构造方法 _init_方法 特殊作用: 在 obj = 类名() 执行时: 内部自动执行两个步骤: 1.创建对象 2.通过对象执行类中的一个 ...

  9. Xilinx FPGA高速串行收发器简介

    1 Overview 与传统的并行实现方法相比,基于串行I/O的设计具有很多优势,包括:器件引脚数较少.降低了板空间要求.印刷电路板(PCB)层数较少.可以轻松实现PCB设计.连接器较小.电磁干扰降低 ...

  10. 团队展示网页 HTML模版

    之前帮着领导,参加了iGEM的校内赛的网页制作,一开始也是用的现成的模版,但后面修修改改几乎面目全非了- 这里分享一下自己的网站,可以用做团队展示的网页模版,文件在末尾,大家自行下载吧-- 这里贴两张 ...