2. js数组操作小结

作者: 星星的成长之路 | 来源:发表于2018-04-16 14:49 被阅读0次

添加到数组末尾:

var arr=[1,2,3,4,5];
arr.push(6);  //[1, 2, 3, 4, 5, 6]
arr[arr.length]=7;  //[1, 2, 3, 4, 5, 6, 7]
arr.splice(arr.length,0,8); //[1, 2, 3, 4, 5, 6, 7,8]
console.log(arr.concat([9])); //[1, 2, 3, 4, 5, 6, 7, 8, 9]  不改变原来的数组,返回的新数组可以实现
console.log(arr.concat(10));// [1, 2, 3, 4, 5, 6, 7, 8, 10]

删除数组最后一项:

var arr=[1,2,3,4,5,6,7,8];  //[1, 2, 3, 4, 5, 6, 7, 8]
arr.pop(); //[1, 2, 3, 4, 5, 6, 7]
arr.length--;  //[1, 2, 3, 4, 5, 6]
arr.length-=1; //[1, 2, 3, 4, 5]
arr.splice(arr.length-1,1);  //[1, 2, 3, 4]
arr.splice(arr.length-1); //[1, 2, 3]

删除数组开头一项

var arr=[1,2,3,4,5,6,7,8]; //[1, 2, 3, 4, 5, 6, 7, 8]
arr.shift();//[2, 3, 4, 5, 6, 7, 8]
arr.splice(0,1);  //[3, 4, 5, 6, 7, 8]

数组克隆

var arr=[1,2,3,4,5,6,7,8]; //[1, 2, 3, 4, 5, 6, 7, 8]
console.log(arr.splice(0));  //必须加0,原数组清空
console.log(arr.slice()); //写不写0都可以 原数组不变
console.log(arr.slice(0));
console.log(arr.concat()); //[1, 2, 3, 4, 5, 6, 7, 8]

添加到数组开头

var arr=[1,2,3,4,5,6]; //[1, 2, 3, 4, 5, 6]
arr.unshift(100); //[100, 1, 2, 3, 4, 5, 6]
arr.splice(0,0,200);  //[200, 100, 1, 2, 3, 4, 5, 6]
console.log([300].concat(arr));  //[300, 200, 100, 1, 2, 3, 4, 5, 6]  原数组不变,返回的新数组是添加后的

相关文章

  • 2. js数组操作小结

    添加到数组末尾: 删除数组最后一项: 删除数组开头一项 数组克隆 添加到数组开头

  • HTML-12.day

    1.条件运算符 2.运算符的优先级 4.JS操作属性 7.JS中括号操作style属性 17.数组

  • js笔记

    js数组 删除某个元素 js数组是否含有某个元素 判断value为undefined cookie操作

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • JS jsonArray操作

    JS jsonArray操作 js对数组对象的操作以及方法的使用 如何声明创建一个数组对象:var arr = n...

  • JS对象 & JSON & JS数组操作

    JS对象 & JSON & JS数组操作 JSON 格式(JavaScript Object Notation 的...

  • 好程序员分享JavaScrip数组去重操作实例小结

    好程序员分享JavaScrip数组去重操作实例小结,这篇文章主要介绍了JavaScrip数组去重操作,结合实例形式...

  • js对象数组操作 数组操作

    var numbers = [1, 2, 3];var newNumbers1 = numbers.map(fun...

  • JS数组操作

    splice 用于一次性解决数组添加、删除(这两种方法一结合就可以达到替换效果),方法有三个参数 开始索引 删除元...

  • JS数组操作

    1.栈方法 push()和pop() 后入先出 push():末尾追加 pop():末尾弹出 2.队列方法 先入先...

网友评论

    本文标题:2. js数组操作小结

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