首页 > 其他分享 >数组和对象合并

数组和对象合并

时间:2024-12-25 17:54:56浏览次数:4  
标签:console log 对象 array1 合并 array3 let 数组

1.数组合并:

在JavaScript中,concat方法用于连接两个或多个数组,并返回一个新数组。这不会改变现有的数组,而是返回一个包含了连接元素的新数组

let array1 = [1, 2, 3];
let array2 = [4, 5];
let array3 = array1.concat(array2);
console.log(array3); // 输出:[1, 2, 3, 4, 5]

解法2:连接非数组值

let array1 = [1, 2, 3];
let array3 = array1.concat(4, 5);
console.log(array3); // 输出:[1, 2, 3, 4, 5]

解法3:连接多维数组

let array1 = [1, 2, 3];
let array2 = [[4, 5]];
let array3 = array1.concat(array2);
console.log(array3); // 输出:[1, 2, 3, [4, 5]]

解法4:使用扩展运算符连接数组

let array1 = [1, 2, 3];
let array2 = [4, 5];
let array3 = [...array1, ...array2];
console.log(array3); // 输出:[1, 2, 3, 4, 5]

解法5:连接字符串或其他类型的可迭代对象

let array1 = [1, 2, 3];
let string1 = "abc";
let array3 = array1.concat(string1);
console.log(array3); // 输出:[1, 2, 3, "a", "b", "c"]

2.对象合并

在JavaScript中,可以使用展开运算符(...)或Object.assign()方法来合并(或称之为"合并"或"对象合并")两个或更多对象。

使用展开运算符的例子:

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
 
const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj); // { a: 1, b: 3, c: 4 }

使用Object.assign()的例子:

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
 
const mergedObj = Object.assign({}, obj1, obj2);
console.log(mergedObj); // { a: 1, b: 3, c: 4 }
注意:如果两个对象有同名属性,后面对象的属性值会覆盖前面对象的属性值

标签:console,log,对象,array1,合并,array3,let,数组
From: https://www.cnblogs.com/baozhengrui/p/18631110

相关文章

  • 108. 将有序数组转换为二叉搜索树
    题目链接解题思路:这里面有一个构造「平衡二叉树」,似乎很难。实际上,我们每次构造时都拿中点划分,就能得到平衡的。具体来说process(nums,L,R)在nums[L,R]上构造平衡搜索二叉树,我们以中点mid=(R+L)/2是头,然后左节点process(nums,L,mid-1),右节点process(nums,mid+1,......
  • 面向对象OOP概念
    一、类的概念1.在编程中,有一种范式遵循与蓝图和实例相同的原则。它被称为面向对象编程(OOP)。在OOP中,蓝图称为类(class),实例称为对象(object)。在Python中,可以使用class关键字+类名+冒号来定义一个类。示例:classCar: 2.要向类添加属性,必须定义__init__方法。此方法......
  • MFC中CBitmap、CBrush、CFont、CPalette、CPen、CRgn删除GDI对象问题
    CBitmap、CBrush、CFont、CPalette、CPen、CRgn均继承自CGdiObject,CDI对象属于CGdiObject,在该类的析构函数中会释放,因此CBitmap、CBrush、CFont、CPalette、CPen、CRgn不必要显式调用DeleteObject()。如果GDI对象在在堆上分配的,则在特定时刻需要删除它,以便执行其析构函数。参考:......
  • 查看和编译失效对象
    查看和编译失效对象目录查看和编译失效对象1背景:2查看失效对象3编译失效对象1:使用ALTER***COMPLIE语句手工进行编译,这个适用于少数、个别对象失效2:编译所有数据库下失效对象3:编译指定用户下的所有失效对象1背景:在日常数据库维护过程中,我们会发现数据库中一些对象(包Pac......
  • 详细介绍 JavaScript 数组的常用方法
     1.数组元素访问和修改方法constarr=['a','b','c'];//添加/删除元素arr.push('d');//末尾添加元素,返回新长度arr.pop();//删除最后一个元素,返回被删除的元素arr.unshift('x');//开头添加元素,返回新长度arr.shift();......
  • 《 C++ 点滴漫谈: 十一 》C++ 面向对象的秘密武器:全面掌握 class 的超能力
    摘要在C++中,class是面向对象编程的核心,它将数据和操作数据的函数封装在一起,从而提高代码的可维护性和复用性。本文详细探讨了C++class关键字的各个方面,包括类的基本概念、成员与访问控制、构造函数与析构函数、继承与多态、内存管理等内容。通过分析class与struct......
  • WordPress 数据库操作WPDB对象($wpdb)用法详解
    使用wordpress的时候,如果想直接使用WP里封装的数据库操作的类(wp-db.php),将wp-blog-header.php包含到代码中就可以使用了。Php代码   define(‘PATH’, dirname(dirname(__FILE__)).‘/’);  require_once(PATH . ‘../wp-blog-header.php’);  global $wpdb; ......
  • C# 面向对象描述
    在C#编程的世界里,面向对象编程(OOP)是构建健壮、可维护代码的基石,而理解堆栈内存的原理则如同掌握了代码运行背后的“幕后魔法”,能让我们编写出更高效、更优质的程序。面向对象编程的核心概念包括类(Class)、对象(Object)、封装(Encapsulation)、继承(Inheritance)和多态(Polymorphism......
  • 【Java教程】Day4-14 面向对象编程(OOP): Classpath详解与Jar包使用指南
    在Java编程中,我们经常接触到classpath这一概念。虽然很多文章讨论了如何设置classpath,但其中大部分并不完全准确。在这篇文章中,我们将深入探讨classpath的作用、如何正确配置它、以及如何使用jar包来管理Java项目。  1.什么是Classpath?Classpath是JVM(Java虚拟机)用来查找......
  • 写个方法找出数组中位数差值最小的两个数
    在前端开发中,你可以使用JavaScript来编写一个方法,该方法接受一个数组作为输入,并找出中位数差值最小的两个数。这里有一个可能的实现:functionfindPairWithMinMedianDiff(arr){//首先对数组进行排序arr.sort((a,b)=>a-b);letminDiff=Infinity;letminPair......