广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue如何将二维数组转化为一维数组
  • 643
分享到

vue如何将二维数组转化为一维数组

vue二维数组vue一维数组二维数组转一维数组 2022-11-13 06:11:47 643人浏览 安东尼
摘要

目录将二维数组转化为一维数组需求具体实现将多维数组转一维数组6种方法es6 flat方法递归reduce +concat + 递归join+splittoString+splitev

将二维数组转化为一维数组

需求

数组嵌套数据,导致循环不方便,想着将二维数组合并成一维数据,方便数据的操作

具体实现

利用reduce方法

reduce:不改变原数组,返回一个新的数组。就是遍历数组元素,从头开始,依次往下,第一个参数是上一次的返回值,第二个参数是下一个数组元素,首次的时候第一个和第二个参数分别是 array[0], array[1] ;

let flat=[[1,2,3],[4,5,6],[6,7,8]].reduce( (prev,next)=> {
    return prev.concat(next);//循环将数组进行拼接
});
console.log(flat);

将多维数组转一维数组6种方法

ES6 flat方法

var arr=[1,[[[2,3],4]],5];
arr.flat(Infinity)//[1, 2, 3, 4, 5]

递归

var arr=[1,[[[2,3],4]],5];
var newArr=[];
function Arr(arr){
    arr.map(item=>{
        if(Array.isArray(item)){
             Arr(item)
        }else{
            newArr.push(item)
        }
    })
    return newArr
}
console.log(Arr(arr));//[ 1, 2, 3, 4, 5 ]

reduce +concat + 递归

var arr=[[[[2,3],4]],5];
function concatArr(arr){
  var newArr=arr.reduce((pre,next)=>{
       return pre.concat(Array.isArray(next)?concatArr(next):next)
  },[])
  return newArr;
}
console.log(concatArr(arr));//[ 2, 3, 4, 5 ]

join+split

var arr=[[1,2],3,[4,[5]]];
var arr1=arr.join().split(',');
console.log(arr1);//["1", "2", "3", "4", "5"]

toString+split

var arr=[[1,2],3,[4,[5]]];
var arr1=arr.toString().split(',');
console.log(arr1);//["1", "2", "3", "4", "5"]

eval

var arr=[[1,2],3,[4,[5]]];
var arr1=eval('[' + arr + ']');
console.log(arr1);//[ 1, 2, 3, 4, 5 ]

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: vue如何将二维数组转化为一维数组

本文链接: https://www.lsjlt.com/news/147146.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue如何将二维数组转化为一维数组
    目录将二维数组转化为一维数组需求具体实现将多维数组转一维数组6种方法ES6 flat方法递归reduce +concat + 递归join+splittoString+splitev...
    99+
    2022-11-13
    vue二维数组 vue一维数组 二维数组转一维数组
  • vue怎么将二维数组转化为一维数组
    本篇内容主要讲解“vue怎么将二维数组转化为一维数组”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue怎么将二维数组转化为一维数组”吧!将二维数组转化为一维数组需求数组嵌套数据,导致循环不方便...
    99+
    2023-06-30
  • php如何将二维数组转为一维数组
    本篇内容主要讲解“php如何将二维数组转为一维数组”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php如何将二维数组转为一维数组”吧!php二维数组转为一维数组的方法:1、用array_colu...
    99+
    2023-06-21
  • php如何将一维数组转为二维
    今天小编给大家分享一下php如何将一维数组转为二维的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。PHP是一种广泛使用的服务器...
    99+
    2023-07-06
  • php二维数组转化为一维数组
    随着互联网的发展,网页开发也越来越受到关注。而其中最常用的编程语言之一就是PHP,它被广泛应用于网页的编写和数据库的交互。在PHP中,数组是一种非常重要的数据类型,它常常用来存储多个相关的值。在实际开发中,我们经常需要将一个二维数组转化为一...
    99+
    2023-05-19
  • php怎么将一维数组转为二维数组
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑在php中,可以利用array_chunk()函数来将一维数组转为二维数组。示例:<php header("Content-type:text/html...
    99+
    2021-07-28
    php 数组 一维数组转二维数组
  • php怎么将二维数组转为一维数组
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑二维数组转一维数组总结 例如将如下二位数组转以为以为一维数组$records = [ [ 'id' => 2135,...
    99+
    2014-10-22
    php 数组 二维数组 一维数组
  • php怎样将一维数组转为二维数组
    php怎样将一维数组转为二维数组,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。在php中,可以利用array_chunk()函数来将一维数组转为二维数组,该函数的作用就是分割数...
    99+
    2023-06-29
  • python将二维数组升为一维数组 或 二维降为一维
    文章目录 1. 二维(多维)数组降为一维数组2. 一维数组升为 2 维数组3. 截取一列,转为list 1. 二维(多维)数组降为一维数组 方法1: reshape()+concate...
    99+
    2023-09-10
    numpy python 机器学习
  • php中如何将二维数组转为多个一维数组
    这篇文章主要介绍php中如何将二维数组转为多个一维数组,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!php将二维数组转多个一维数组的方法:1、使用array_reduce()函数来转换;2、使用array_walk_...
    99+
    2023-06-15
  • php怎么将二维数组转为一维
    在开发PHP程序时,我们经常需要在代码中使用数组数据,其中使用的二维数组也很常见。但是,在某些情况下,我们需要将二维数组转换为一维数组。这在编写PHP应用程序时非常有用。以下是如何将PHP二维数组转换为一维数组的详细步骤。一、使用forea...
    99+
    2023-05-14
  • python二维数组怎么转化为一维数组
    要将一个二维数组转化为一维数组,可以使用列表推导式(list comprehension)或者使用numpy库中的flatten()...
    99+
    2023-09-27
    python
  • javascript中如何将一维数组转为三维数组
    这篇文章主要为大家展示了“javascript中如何将一维数组转为三维数组”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript中如何将一维数组转为...
    99+
    2022-10-19
    javascript
  • php如何将二维数组转三维数组
    本文小编为大家详细介绍“php如何将二维数组转三维数组”,内容详细,步骤清晰,细节处理妥当,希望这篇“php如何将二维数组转三维数组”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。在php中,可以利用array_c...
    99+
    2023-06-30
  • es6二维数组如何转一维数组
    本篇内容介绍了“es6二维数组如何转一维数组”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
    es6
  • php 二维数组转一维数组
    在 PHP 中,数组是一种非常强大和灵活的数据结构,可以存储多种不同类型的数据。PHP 的数组可以是单维数组、二维数组、多维数组等。在实际开发过程中,我们经常需要将二维数组转换为一维数组,以便更方便地遍历和处理数据。本文将介绍 PHP 中如...
    99+
    2023-05-23
  • php 一维数组转二维数组
    在 PHP 中,有时候会遇到将一个一维数组转换成二维数组的需求。例如,我们可能需要处理一个包含很多数据的一维数组,但是这些数据需要按照某种规则分组,这时候就需要将一维数组转换成二维数组。接下来我们来介绍一下如何实现一维数组转二维数组的方法。...
    99+
    2023-05-23
  • 一维数组转二维数组 php
    在 PHP 中,处理数组是极其常见的需求之一。有时候我们需要将一维数组转换成二维数组,这个过程可能涉及到多种数据操作,需要我们灵活运用数组函数来实现转换。本文将介绍一些在 PHP 中实现一维数组转换二维数组的方法和技巧。一、将一维数组转换成...
    99+
    2023-05-23
  • php怎么将一维数组转为三维数组
    对于PHP程序员来说,数组是一个非常重要的概念,也是日常工作中必不可少的数据类型。在PHP中,数组可以分为一维数组、二维数组和多维数组等多种形式。其中,一维数组是最基本也是最常见的一种数组类型。在一些特殊的场合下,我们需要将一维数组转化为三...
    99+
    2023-05-14
  • java怎么将二维数组转化为稀疏数组
    本篇内容主要讲解“java怎么将二维数组转化为稀疏数组”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“java怎么将二维数组转化为稀疏数组”吧!特点它可以压缩数据,减少内存空间的使用。过程记录数组...
    99+
    2023-06-30
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作