美文网首页
js array, []数组操作

js array, []数组操作

作者: 姬歌 | 来源:发表于2019-08-16 19:19 被阅读0次
  var array = [1,2,3,4,5]
  //末尾添加
  array.push(6)
  //获取最后一个元素,并在数组内删除该元素/item
  let lastItem = array.pop()
  //获取数组第一个元素,并在数组内删除该元素/item
  let firstItem = array.shift()
//在数组第一个元素之前插入一个元素/item
 array.unshift(0)
//反转
array.reverse()
//数组合并
var array1 = [xxx1,xxx2]
var array2 = [yyy1,yyy2]
要用
array1  = array1.concat(array2)
不要用
array1 += array2;这样写虽然能加进来,但如果内容时对象时,无法获取对象属性。

splice (在指定位置)添加/删除元素(item)

splice(location, length, inserValue1, inserValue2, ...)
location:操作的起始位置, 必须
length:删除的item数量,必需。如果设置为 0,则不会删除item。
inserValue1, inserValue2...:向数组添加的新item

删除元素

let a = [1, 2, 3, 4, 5, 6, 7];
let item = a.splice(0, 3); // [1,2,3]
console.log(a); // [4,5,6,7]
// 从数组下标0开始,删除3个元素
let item = a.splice(-1, 3); // [7]
// 从最后一个元素开始删除3个元素,因为最后一个元素,所以只删除了7

删除并添加

let a = [1, 2, 3, 4, 5, 6, 7];
let item = a.splice(0,3,'添加'); // [1,2,3]
console.log(a); // ['添加',4,5,6,7]
// 从数组下标0开始,删除3个元素,并添加元素'添加'
 let b = [1, 2, 3, 4, 5, 6, 7];
let item = b.splice(-2,3,'添加1','添加2'); // [6,7]
console.log(b); // [1,2,3,4,5,'添加1','添加2']
// 从数组最后第二个元素开始,删除3个元素,并添加两个元素'添加1'、'添加2'

不删除只添加:

let a = [1, 2, 3, 4, 5, 6, 7];
let item = a.splice(0,0,'添加1','添加2'); // [] 没有删除元素,返回空数组
console.log(a); // ['添加1','添加2',1,2,3,4,5,6,7]
let b = [1, 2, 3, 4, 5, 6, 7];
let item = b.splice(-1,0,'添加1','添加2'); // [] 没有删除元素,返回空数组
console.log(b); // [1,2,3,4,5,6,'添加1','添加2',7] 在最后一个元素的前面添加两个元素

sort

var array = [10, 1, 3, 4,20,4,25,8];
// 升序 a-b < 0 a将排到b的前面,按照a的大小来排序的 
// 比如被减数a是10,减数是20 10-20 < 0 被减数a(10)在减数b(20)前面 
array.sort(function(a,b){
 return a-b;
});
console.log(array); // [1,3,4,4,8,10,20,25];
// 降序 被减数和减数调换了 20-10>0 被减数b(20)在减数a(10)的前面
array.sort(function(a,b){
 return b-a;
});
console.log(array); // [25,20,10,8,4,4,3,1];

w3c教程
参考-脚本之家

相关文章

  • js array, []数组操作

    splice (在指定位置)添加/删除元素(item) splice(location, length, inse...

  • JS 数组 array 操作性能优化笔记

    本篇笔记主要记录 JS array 操作的性能优化 push() 用数组长度 arr[arr.length] = ...

  • PHP数组的进阶用法

    对于数组的基本操作,可参考PHP数组的相关操作 array_filter()过滤数组元素array_filter(...

  • [转载]数组的详细操作

    原文:【干货】js 数组详细操作方法及解析合集 创建数组 直接创建 Array.of() 返回由所有参数值组成的数...

  • js数组

    JS数组的创建: 1,使用Array数组的方式: var arrayObj = new Array();//创建一...

  • 第十天_java数组(2018-08-07)

    1、数组Array操作类的方法: 1、Array.toString(); 输出数组 2、Array.bina...

  • javascript的数组Array

    创建数组及修改 类型检测 转换方法 Array栈操作 Array队列操作 Array的反转和排序 数组的连接与截取...

  • 前端笔记:JavaScript

    Array对象 Array即我们所说的数组,js中的数组对象不像java中那么严谨,Array是长度自动变化的数组...

  • 概念集合

    JS中的数组和Arrary的区别 js中的数组就是array对象

  • JavaScript数组的映射

    JavaScript中数组的常用操作之数组的映射 Array.map()方法 Array.from(array[,...

网友评论

      本文标题:js array, []数组操作

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