首页 > 其他分享 >关于工作中遇到的一些数组操作的小记

关于工作中遇到的一些数组操作的小记

时间:2024-11-04 13:30:15浏览次数:3  
标签:arr 遇到 对象 Object myArray 数组 Array 小记

1.Array对象如何转换成Object对象

在 JavaScript 中,Array 对象实际上已经是 Object 的一种特殊类型。Array 继承了 Object 的所有属性和方法,所以你不需要转换 Array 对象到 Object 对象。 不过,如果你想把 Array 对象转换为纯粹的 Object 对象,可以使用 Object.assign() 方法来实现。Object.assign() 方法可以将一个或多个源对象的属性复制到目标对象,从而创建一个新的对象。以下是将 Array 转换为 Object 的示例代码:
const arr = [1, 2, 3];const obj = Object.assign({}, arr);
console.log(obj); // 输出: {0: 1, 1: 2, 2: 3}
在这个示例中,我们创建了一个新的空对象 {},然后使用 Object.assign() 方法将数组 arr 的属性复制到这个空对象中,生成了一个新的对象 obj。注意,这里使用的是空对象作为目标对象,以确保不会影响到原始的 arr 数组。   2.随机获取数组中的一条数据
var arr = [1, 2, 3, 4, 5]; // 要随机获取元素的数组
var randomIndex = Math.floor(Math.random() * arr.length); // 生成随机索引值
var randomElement = arr[randomIndex]; // 根据索引值获取随机元素
console.log(randomElement); // 输出随机元素

3.reverse() 倒叙数组

使用内置的reverse()函数:

let array = [1, 2, 3, 4, 5];
array.reverse();
console.log(array); // [5, 4, 3, 2, 1]

使用切片(Slice)

// JavaScript示例
let array = [1, 2, 3, 4, 5];
let reversedArray = array.slice().reverse();
console.log(reversedArray); // [5, 4, 3, 2, 1]

4.Array.splice()

这个方法可以改变原始数组,它接受两个参数:起始索引和要删除的元素数量。 以下是一个示例代码:
// 假设你的Vue数组名为myArray
myArray.splice(myArray.length - 2, 2);
在这个示例中,myArray.length - 2表示倒数第二个元素的索引,2表示要删除的元素数量,因此将删除最后两个元素。 请注意,splice()方法会修改原始数组,如果你想保留原始数组,可以在删除之前创建一个副本。
var newArray = myArray.slice(0, myArray.length - 2);

5.filter()

filter()方法可以根据某个条件筛选出符合条件的元素,并返回一个新的数组。

// 假设你的数组名为myArray,要删除的Id分别为id1和id2var id1 = "123";var id2 = "456";

var newArray = myArray.filter(item => item.id !== id1 && item.id !== id2);
在这个示例中,我们使用了filter()方法来筛选出数组中id不等于id1和id2的元素,并将其赋值给新数组newArray。这样就实现了删除对应两个Id的元素。 请注意,这将创建一个新的数组newArray,其中包含除了对应两个Id的元素之外的所有其他元素。原始数组myArray并没有被修改,如果你想修改原始数组,可以将新数组重新赋值给myArray。
myArray = newArray;//这将把新数组newArray的内容覆盖到原始数组myArray中

 6.排序

function sortedArray() {
      // 使用原生排序方法对数组进行排序(默认按照 Unicode 编码顺序)
      return   tabList.value.sort((a, b) => a.extend.seqNumber - b.extend.seqNumber);
    }

 

 

标签:arr,遇到,对象,Object,myArray,数组,Array,小记
From: https://www.cnblogs.com/kingsnowcan/p/18524914

相关文章

  • 泛型数组列表_演练
    ex1:基础练习基础练习请尽量独立完成(不要借助AI,实在不会才看参考代码)。原始数组学生类:packageex1;publicclassStudent{protectedStringname;protectedintscore;publicStudent(Stringname,intscore){this.name=name;this.sc......
  • 【笔记/模板】树状数组
    原理解释树状数组是一种通过前缀和和差分的思想所进行的维护数组,从而以\(O(\logn)\)的时间复杂度进行修改和查询。一共有四种修改和查询的方式,分别是:单点修改\(+\)区间询问区间修改\(+\)单点询问单点修改\(+\)区间询问(二维)区间修改\(+\)区间询问其中利......
  • 一维数组程序设计示例(1)
    一、数组中的元素不同排序输出: 1.  逆序存放并输出:    #分析:首先将输入的n个整数对应存放到a数组中,只要将a[0]与a[n-1]交换,a[1]与a[n-2]交换,…,a[i]与a[n-1-i]交换,即可逆序存放这n个整数。        示例:#include<stdio.h>intmain()  ......
  • redis部署安装遇到的问题
    安装redis时,需要安装C语言的编译环境执行yuminstallgcc命令时,出现Unknownerror"ETA正在尝试其它镜像需要我们重新配置镜像命令cd/etc/yum.repos.d/命令ls可以查看所有的镜像命令rm-rf*.repo删除全部镜像然后需要我们重新配置镜像CentOS5wget-O/etc/yum......
  • 选择性必修1 化学反应原理 小记
    可能是易错升高温度时\(v_{\text{正}}\)和\(v_{\text{逆}}\)均增大。稀释酸时,并不是所有的离子浓度均减小:\(\mathrm{OH^-}\)。图表的浓度/其他数据可能不止指一个量。多检查一下pH比大小的方向。连上双键的能量不要用成连上单键的能量。绝热过程指的是不与外界进行热......
  • 深入理解指针2(数组)
    1:数组名的理解数组名是数组首元素的地址也就是arr=&arr[0]但是有两种例外的情况1:siezof(数组名)sizeof中单独存放数组名,这里的数组名是数组的整个地址,计算的是整个数组的大小,单位是字节。2:&数组名这里的数组名表示的是整个数组,取出的整个数组的地址整个数组的地址和数......
  • C#数组基础:声明、初始化与访问指南
    在C#中,数组是一种数据结构,用于存储固定大小的相同类型的元素集合。可以按照以下步骤声明和使用数组:声明数组指定数组类型和名称:首先,需要指定数组将存储的元素类型以及数组变量的名称。指定数组大小(可选):在C#中,可以在声明数组时指定它的大小(即它可以包含的元素数量),也可以......
  • QT中TextEdit或者QLineEdit以十六进制显示数组数据
    QT中TextEdit以十六进制显示数组数据在Qt(一种跨平台的C++图形用户界面应用程序开发框架)中,如果你想在QTextEdit中以十六进制格式显示数组数据,你可以使用以下步骤:创建一个QTextEdit控件在你的Qt应用程序中创建一个QTextEdit控件,用于显示文本。QTextEdit*textEdit=......
  • 【LeetCode:153. 寻找旋转排序数组中的最小值 + 二分】
    在这里插入代码片......
  • 【C语言学习】7步轻松掌握C语言链式结构,你也能成为高手!与数组说拜拜,链表你好
    ......