首页 > 其他分享 >数组操作 (增加删除修改遍历)map、filter、forEach、find的用法、二维数组,排序,求和、指定长度数组赋值

数组操作 (增加删除修改遍历)map、filter、forEach、find的用法、二维数组,排序,求和、指定长度数组赋值

时间:2022-11-22 19:56:48浏览次数:53  
标签:map console name list filter 数组 Array data

一、数组的操作
Array.push() ->在数组后面继续插入内容
Array.pop() ->拿走数组最后一个内容
Array…shift()->拿走数组的第一个内容 (unshift也是拿走最后一个)
Array.reverse()->对数组从大到小排列
Array.sort()->对数组从小到大排列**

Array.splice(起始位置 , 位数,”增添内容”)->从数组中取出以起始位置开始的位数的内容,并写入增添内容,可用来删除内容与替换,例如people.aplice(1,2,“name”)

0、原数组为(以下的操作都是对原数组进行操作):

  data: {
    list: [{
      name: "张三",
      status: true,
    }, {
      name: "李四",
      status: false,
    }],
  },

1-1、修改数组里某一项的值

    // 1、修改数组里某一项的值
    this.data.list[0].name = '修改了内容';
    this.setData({
      list: this.data.list
    });
    console.log(this.data.list)

1-2、修改数组里某一项的值

    // 2、修改数组里某一项的值
    this.setData({
      [`list[${index}].name `]: '修改了内容',//这里的index是数组下标
    });
    console.log(this.data.list)
  },

2、删除某条数据

    // 2、删除某条数据
    //通过`index`识别要删除第几条数据,第二个数据为要删除的项目数量,通常为1,
    //splice(1, 1)表示是从第二条数据开始删除,删除一条
    this.data.list.splice(1, 1);
    //渲染数据
    this.setData({
      list: this.data.list
    });
    console.log(this.data.list)

3、清空数组

    //3、清空数组,其实就是让数组变成一个空数组即可
    this.setData({
      list: {}
    });

 


4、向前插入数组
// 4、向前插入数组

    //要增加的数组
    var newarray = [{
      id: 6,
      name: '向前增加数据--',
      count: 89
    }];
    //使用concat()来把两个数组合拼起来
    this.data.list = newarray.concat(this.data.list);
    console.log(this.data.list)

使用三点扩展运算符

    var arr1 = ['a', 'b'];
    var arr2 = ['c'];
    console.log([...arr2, ...arr1])

5、向后插入数组

    // 5、向后插入数组
    //要增加的数组
    var newarray = [{
      id: 7,
      name: '向后增加数据--',
      count: 89
    }];

    //使用concat()来把两个数组合拼起来
    this.data.list = this.data.list.concat(newarray);
    console.log(this.data.list)

6、指定长度数组赋值

1、初始化由参数控制长度的数组

    const array = Array(5).fill('1')
    //输出 ['1','1','1','1','1',]

2、如果是普通的赋值arr1=arr2,如果arr2改变,arr1也会跟着改变,使用下面的赋值就不会({}对象也一样)

    const arr1=[...arr2]

 

标签:map,console,name,list,filter,数组,Array,data
From: https://www.cnblogs.com/shiliumu/p/16916253.html

相关文章

  • 树状数组
    了解树状数组    树状数组(BinaryIndexedTree(B.I.T),FenwickTree)是一个查询和修改复杂度都为log(n)的数据结构。主要用于查询任意两位之间的所有元素之和,但是......
  • C++——map
      Map是c++的一个标准容器,她提供了很好一对一的关系,在一些程序中建立一个map可以起到事半功倍的效果,总结了一些map基本简单实用的操作!1.map最基本的构造函数;  map<s......
  • leetcode724. 寻找数组的中心下标(数组)
    题目描述:给你一个整数数组nums,请计算数组的中心下标。数组中心下标是数组的一个下标,其左侧所有元素相加的和等于右侧所有元素相加的和。如果中心下标位于数组最......
  • mapper里面id 爆红名 解决
    先确定自己写的id名是否存在,有没有写错如果没有就跟着下面的步骤,右键file------>点击setting------>找到点击editor----->点击Inspections----->找到点击mybatis----->......
  • 数组声明
    数组的声明:<script>数组是一组有序的元素集合//1.字面量声明数组letarr=[];//字面量声明空数组letarr1=newArray();//利用new创......
  • 使用 AotoFac 注册AutoMapper
    usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Reflection;usingSystem.Text;usingSystem.Threading.Tasks;usingAutofac;us......
  • 代码随想录算法训练营第六天 | 242.有效的字母异位词 349. 两个数组的交集 202.
    今日任务●哈希表理论基础●242.有效的字母异位词●349.两个数组的交集●202.快乐数●1.两数之和详细布置哈希表理论基础了解哈希表的内部实......
  • 【Mybatis】java.lang.IllegalArgumentException: Mapped Statements collection does
    【java.lang.IllegalArgumentException:MappedStatementscollectiondoesnotcontainvalueforcom.myba】错误一般是有以下四个原因造成:1、mapper.xml中没有加入names......
  • 【Core Java Volume 5】集合算法---查找数组、集合最大值的通用方法
    一、查找数组的最大值1 笔试的时候通常查找数组的最大值,数组类型通常是int类型,可以这样直接写出getMax()代码://数组(int类型)publicstaticintgetMax(int[]nums){......
  • 【Core Java Volume 4】java中数组Array和集合之间的相互转换
    1 数组>>>>>>>集合:Arrays,asList()包装器//数组》》》集合String[]arrs={"A","B","C","D"};List<String>list=Arrays.asList(arrs);for(Stringl:list){......