javascript的数组展开

最新推荐文章于 2024-06-19 08:00:00 发布

听海边涛声

最新推荐文章于 2024-06-19 08:00:00 发布

阅读量288

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/panghuangang/article/details/138166900

版权

本文详细介绍了在JavaScript中如何使用数组展开操作符`...`来复制数组元素并合并数组，通过示例展示了其基本用法和输出结果。

摘要由CSDN通过智能技术生成

在 JavaScript 中，数组展开是一种通过展开操作符（…）来复制数组元素或合并数组的技术。

例如，展开一个数组：

const arrayA = [1, 2, 3];
const ArrayB = [...arrayA]

console.log(ArrayB)

输出：
在这里插入图片描述

展开两个数组：

const arrayA = [1, 2, 3];
const arrayB = [4, 5, 6];
const ArrayC = [...arrayA, ...arrayB]

console.log(ArrayC)

输出：
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

听海边涛声

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript的数组展开

javascript的数组展开
复制链接

扫一扫

JS专题之数组展开

weixin_33739627的博客

02-07

6447

前言首先什么是数组展开？假如现在有这样一个需求：将后台的一个多重 List 数据，展开成一个 List 后，并去重后排序； ["a", "b", ["c", "d"], [["d"],"e"], "f"] => ["a", "b", "c", "d", "e&q

JavaScript基础 - 26 （数组的展开写法、参数的展开语法、对象的展开、数组解构、对象解构、复杂解构）

欢迎来到猫猫的博客 o_o ，如有问题，欢迎提出改正~

12-02

1478

1、数组的展开写法 ...数组，可以去掉数组的[ ]包围，把数组展开，依次存放到新数组中，不会影响原数组 var nums = [11, 22, 33, 44]; //希望获取一个新的数组 var nums2 = nums; nums2.push(55); var nums3 = [...nums, 66]; console.log(nums3); console.log(nums); ...

参与评论您还未登录，请先登录后发表或查看评论

深入理解JavaScript展开运算符（附Demo）

最新发布

码农研究僧的博客

06-19

550

JavaScript ES6中的一个特色由三个点（...）组成，主要用于数组和对象的操作可以将数组或对象的元素展开到另外一个数组或对象中

js实现展开一个数组

标子的专栏

04-11

1606

function flatten(arr) { let result = []; for (let i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) { result = result.concat(flatten(arr[i])); } else { result.push(arr[i]); } ...

数组展开

weixin_44593999的博客

07-07

305

数组拼接求最大最小值

JavaScript - 展开运算符

m0_58433070的博客

07-07

607

/输出：{name: '小花猫', age: 18, sex: '男'}console.log(add(1, 2, 3, 4, 5));//输出：[1, 2, 3, 4, 5]console.log(reactPropsAPI) //输出：{name: '小花猫', age: 18}//输出：{a: 1, b: 2, c: 3, name: 'cc'}//输出： [1, 2, 3, 1, 2, 3, 5, 6, 7]//输出：[1, 2, 3, 5, 6, 7]//输出 [1, 2, 3]

数组的展开运算符

ITxinrin的博客

05-29

963

一、数组的展开运算符的基本使用 1.认识展开运算符 2.数组展开运算符的基本用法二、区分剩余参数和展开运算符 1.根本区别 2.区分剩余参数和展开运算符例子三、数组展开运算符的应用 1.复制数组 2.合并数组 3.字符串转为数组字符串可以按照数组的形式展开 4.常见的类数组转换为数组 ...

FunctionArrays：使用Javascript数组

02-18

在JavaScript编程中，数组是一种非常重要的数据结构，用于...理解并熟练掌握JavaScript数组以及函数数组的概念和应用，将极大地提升你的JavaScript编程能力。在实际开发中，合理运用这些知识可以解决很多复杂的问题。

javascript 数组精简技巧小结

10-15

这篇文章总结了13个实用的JavaScript数组操作技巧，旨在帮助开发者提高代码效率和简洁性。 1. **删除数组的重复项**：在处理包含重复元素的数组时，可以使用`Set`数据结构来去重。例如： ```javascript let array...

JavaScript 参数中的数组展开 [译]

12-01

【JavaScript参数中的数组展开】是ECMAScript 6引入的一项特性，它允许我们将数组的元素作为单独的参数传递给函数，极大地增强了代码的灵活性。在旧版本的JavaScript中，我们通常依赖`Function.prototype.apply`来...

使用数组JavaScript

02-14

这些是JavaScript中数组的基本操作和方法，但还有更多高级特性，如展开运算符、剩余参数、数组解构赋值等，它们为数组提供了更灵活的使用方式。理解并熟练运用这些概念对于编写高效、可维护的JavaScript代码至关重要...

展开数组

huiduu的博客

01-08

369

数组的遍历描述去年阿福做了一个填充数组的任务，至今自己还津津乐道。现在他又遇到了一个相似的问题，跟去年的有那么一点像。可是他平时光顾着自己吹牛，却忘记了那个问题当时是怎么解决的，想请你帮忙回忆一下，到底该怎么做呢？问题如下：以下图所示的顺序遍历给定的数组。输入输入的第一行上有两个整数，依次为row和col。余下有row行，每行包含col个整数，构成一个二维整数数组。（注：输入的row...

JavaScript 数组展开(扁平化)和underscore的 flatten

weixin_33725807的博客

05-30

194

原文地址数组展开就是将嵌套的数组扁平化（转换为一维的）eg: const arr=[[[1, 2], [1, 2, 3]], [1, 2]] => [1, 2, 1, 2, 3, 1, 2] console.log(flatten(arr)) //[1,2,1,2,3,1,2] 复制代码1、判断每一项是否是数组，然后递归 const arr=[[[1, 2], [1, 2, 3,"a"...

JavaScript 数组展开以及 underscore 重要的内部方法 flatten 详解

weixin_34268610的博客

06-11

149

Why underscore （觉得这一段眼熟的童鞋可以直接跳到正文了...）最近开始看 underscore.js 源码，并将 underscore.js 源码解读放在了我的 2016 计划中。阅读一些著名框架类库的源码，就好像和一个个大师对话，你会学到很多。为什么是 underscore？最主要的原因是 underscore 简...

数组操作——判断、去重、合并、展开

徐小硕—心之所向，素履以往

08-26

675

在前端获取到后端传来的数据，或者将前端的数据传到后端的时候，往往都少不了对数组的操作，本篇文章就总结一些对数组的常规操作。（1）判断是否为数组当我们拿到一个数据的时候，在还不能确定该数据到底是不是数组的时候，我们首先要做的就是对该数据进行判断，判断其是不是数组。这里提供了五种判断方法，如下所示： <script type="text/javascript"> let arr = [1,2,3]; /**第一种：instanceof */ consol

展开运算符（...）将一个数组进行展开

xiaohu_haha的博客

05-17

387

1、不会修改原数组 2、典型运用场景：求数组的最大值（最小值）、合并数组等 const arr = [10, 20, 30, 40, 50] // 需求：求arr数组的最大值和最小值 // 用到方法Math.max()和Math.min()，但是此方法不能直接接收arr console.log(Math.max(arr)); //显示NaN // 此时需要将数组arr展开以后再放到Math.max()方法里面 // 1、求数组最大值和最小值 c

数组扁平化(数组展开)

远方

09-24

1043

第一种：flat() let arr1=[1,2,['a','b','c'],3]; console.log(arr1.flat()); flat()还未加入到ES6规范中。如果有多层可以在flat()中加参数Infinity let arr1=[1,2,['a','b','c',['e','f']],3]; console.log(arr1.flat(Infinity)); 问题： let...

JavaScript数组去重

09-05

JavaScript数组去重有多种方法，下面列举其中几种： 1. 使用 Set 数据结构去重 Set 是一种新的数据结构，它可以帮助我们快速去重。我们可以将数组转换成 Set，然后再将 Set 转回数组即可。 ``` const arr = [1, 2, 2, 3, 3, 4, 5]; const uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 2. 使用 filter 方法去重使用 filter 方法可以对数组中的每个元素进行过滤，返回一个新的数组。 ``` const arr = [1, 2, 2, 3, 3, 4, 5]; const uniqueArr = arr.filter((item, index, arr) => { return arr.indexOf(item) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 3. 使用 reduce 方法去重 reduce 方法可以将数组中的每个元素聚合成一个值，我们可以利用 reduce 方法去重。 ``` const arr = [1, 2, 2, 3, 3, 4, 5]; const uniqueArr = arr.reduce((prev, cur) => { if (prev.indexOf(cur) === -1) { prev.push(cur); } return prev; }, []); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 以上三种方法都可以实现 JavaScript 数组去重。