美文网首页
javascript原生数组操作指南(一)

javascript原生数组操作指南(一)

作者: 大饭团CC | 来源:发表于2016-06-18 16:40 被阅读0次
  1. 数组的创建
var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值
var arrayObj = []; //建议使用这种方式创建数组

//for example
var arr = new Array();
var arr = new Array(2);
var arr = new Array(1,2);
var arr = [1,2];

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为2,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。


2.数组元素的访问

var testGetArrValue=arrayObj[1]; //获取数组的元素值
arrayObj[1]= "这是新值"; //给数组元素赋予新的值

//for example
var arr = [1,2];
console.log(arr[0]);   //1
console.log(arr[1]);   //2
//赋值
arr[1]=3;
console.log(arr); //[1,3]

3.数组元素的添加

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);//将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);//将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayObj.splice(index,howmany,item1,.....,itemX);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""

//for example
//push方法
var arr =[1,2];
var sum =arr.push(3,"计算器");
console.log(sum); //4
console.log(arr);  //[1,2,3,"计算器"]

//unshift方法
var arr  = [1,2];
var sum = arr.unshift(3,"计算器");
console.log(sum); //4
console.log(arr); //[ 3, '计算器', 1, 2 ]

//splice方法
var arr = [1,2,3];
arr.splice(1,0,'William');
console.log(arr);//[ 1, 'William', 2, 3 ]
arr.splice(1,1);//从数组的第一个元素,删除一个
console.log(arr);// �[ 1, 2, 3 ]

4.数组元素的删除

arrayObject.pop() //用于删除并返回数组的最后一个元素.pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
arrayObject.shift() //方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

//for example
//pop方法
var arr = [1,2,3,4];
var delsum = arr.pop();
console.log(arr); //[1,2,3]
console.log(delsum);//4 

//shift方法
var arr = [1,2,3,4];
var sum = arr.shift();
console.log(arr); //[2,3,4]
console.log(sum);//1 

5.数组元素的合并

arrayObject.concat(arrayX,arrayX,......,arrayX)
//方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

//for example
var arr = [1,2];
var arr1 = [3,4];
var total = arr.concat(arr1);
console.log(total);//��[ 1, 2, 3, 4 ]
var total1 = arr.concat(arr1,arr1);
console.log(total1);//[ 1, 2, 3, 4, 3, 4 ]

相关文章

  • javascript原生数组操作指南(一)

    数组的创建 要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度...

  • Ajax-XMLHttpRequest学习笔记

    最近回归到原生JavaScript巩固基础,学习了原生JavaScript的ajax操作。 XMLHttpRequ...

  • javascript数组操作

    javascript数组操作 今天针对javascript的数组的一些常见操作进行一些讲解,希望对给为开发者有帮助...

  • JavaScript数组去重

    JavaScript中数组的常用操作之数组去重 方法一 方法二

  • ExArray开发经历[1] 定义&创建

    ExArray 继承于JavaScript原生数组(Array)的超集数组。实现功能: 事件系统(提供深度绑定) ...

  • vue 中数组和json的响应式

    一. vue 中数组操作的响应式 1. Vue 中javaScript 数组响应式操作的方法 push()方法响应...

  • JavaScript中数组操作常用方法

    1.检JavaScript中数组操作常用方法测数组 1)检测对象是否为数组,使用instanceof 操作符 2)...

  • JavaScript数组操作

    定义一个空数组:var arr = [];在数组中添加元素:arr = ['苹果','香蕉','梨','橘子','...

  • Javascript数组操作

    使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算...

  • javaScript 数组操作

    概要 实现一些常用的数组操作函数。 join 用法:[1, 2, 3].join('-') // "1-2-3"实...

网友评论

      本文标题:javascript原生数组操作指南(一)

      本文链接:https://www.haomeiwen.com/subject/kpoxdttx.html