返回顶部
首页 > 资讯 > 前端开发 > JavaScript >js将多维数组转为一维数组后去重排序
  • 351
分享到

js将多维数组转为一维数组后去重排序

2024-04-02 19:04:59 351人浏览 薄情痞子
摘要

目录先说一下多维数组拍平方法一: flat()方法二: 用空字符串拼接再用split()分割一下方法三: toString()方法四: join()方法五:递归调用方法六:使用red

整理几个方法,怕后面忘记了又要到处翻笔记

先说一下多维数组拍平

方法一: flat()


// 比如说这里有一个多维数组
let arr = [1, 1, 2, [4, 2, [1, 3, [4, 2, 1]], 5], 2, 5, 3]
console.log(arr.flat(2)); // 指定嵌套的层数
// 输出[ 1, 1, 2, 4, 2, 1, 3, [ 4, 2, <1 empty item>, 1 ], 5, 2, 5, 3 ]

console.log(arr.flat(Infinity)); // 不管嵌套多少层
// 输出[ 1, 1, 2, 4, 2, 1, 3, 4, 2, 1, 5, 2, 5, 3 ]

方法二: 用空字符串拼接再用split()分割一下

偷懒的写法


// 还是这个数组
let arr = [1, 1, 2, [4, 2, [1, 3, [4, 2, 1]], 5], 2, 5, 3]
// 字符型跟其他基本数据类型做运算都会变成字符型,再调用split()方法用','分割一下
console.log((arr + '').split(','));
// 输出['1', '1', '2', '4', '2', '1', '3', '4', '2', '1', '5', '2', '5', '3']

// 输出结果并不是特别好看,继续优化一下
// 还是这个数组
let arr = [1, 1, 2, [4, 2, [1, 3, [4, 2, 1]], 5], 2, 5, 3]
let newArr = (arr + '').split(',')
let arr1 = []
newArr.forEach((items) => {
    arr1.push(+items) // '+items'转换数据类型
})
console.log(arr1);
// 输出[ 1, 1, 2, 4, 2, 1, 3, 4, 2, 1, 5, 2, 5, 3 ]

方法三: toString()

既然可以通过运算的方式把数组转变成字符类型,那么用arr+' '看起来确实不那么优雅,这时候突然想起js Number对象有个toString()的方法

定义和用法
toString() 方法可把一个 Number 对象转换为一个字符串,并返回结果。


let arr = [1, 1, 2, [4, 2, [1, 3, [4, 2, 1]], 5], 2, 5, 3]
let newArr = arr.toString().split(',')
let arr1 = []
newArr.forEach((items) => {
    arr1.push(+items)
})
console.log(arr1);
// 输出['1', '1', '2', '4', '2', '1', '3', '4', '2', '1', '5', '2', '5', '3']

方法四: join()

定义和用法
join() 方法用于把数组中的所有元素放入一个字符串。
元素是通过指定的分隔符进行分隔的。

通过调用数组的join()方法可以返回一个字符串,把arr中的每个元素转换为字符串,可以通过传递分割符号串联元素,默认用逗号分割


let arr = [1, 1, 2, [4, 2, [1, 3, [4, 2, 1]], 5], 2, 5, 3]
let newArr = arr.join().split(',')
console.log(newArr)
// 输出['1', '1', '2', '4', '2', '1', '3', '4', '2', '1', '5', '2', '5', '3']

方法五:递归调用

讲到递归不得不提一下,什么是递归?
所谓的递归函数就是在函数体内调用本函数,使用递归的时候要注意避免死循环

定义:
递归函数就是在函数体内调用本函数;
递归函数的使用要注意函数终止条件避免死循环;

递归大概就长这个样子:


function a() {
    if (a <= 1) {
        return 1
    } else {
        return a * fn(a - 1)
    }
}

实现多维数组拍平:


let arr = [1, 1, 2, [4, 2, [1, 3, [4, 2, 1]], 5], 2, 5, 3]
let newArr = []

let fn = (arr) => {
    for (let i = 0; i < arr.length; i++) {
        // 判断 如果遍历出来的值仍是数组就继续遍历
        if (Array.isArray(arr[i])) { // 使用数组Array.isArray()用于确定传递的值是否是一个 Array
            fn(arr[i])
            // 如果遍历出来的值不是数组就push进新的数组newArr里面
        } else {
            newArr.push(arr[i])
        }
    }
}
fn(arr)
console.log(newArr);

方法六:使用reduce

这种方法必须要学会,后期Vue中会经常用到

reduce
第一个参数:表示上一次值(初始值)(previousValue)
第二个参数:表示当前值 (currentValue)
第三个参数:表示当前索引值 (currentIndex)
第四个参数:表示当前遍历的数组 (array)

initialValue: 可以手动进行赋初始值
返回值:当前循环里面的返回值,可以作为下一次循环的初始化


const arr = [1, 1, 2, [4, 2, [1, 3, [4, 2, 1]], 5], 2, 5, 3]
const fn = (array) => {
    return array.reduce((prev, curr) => {
        // 判断 curr 是否是一个数组
        return prev.concat(Array.isArray(curr) ? fn(curr) : curr)
    }, [])
}
console.log(fn(arr))

数组去重

方法一:创建一个新数组,判断新数组中是否存在该元素如果不存在则将此元素添加到新数组中


const arr = [1, 1, 2, 4, 2, 1, 3, 4, 2, 1, 5, 2, 5, 3]
const fn = (arr) => {
    const newArr = []
    for (let i = 0; i < arr.length; i++) {
        if (newArr.indexOf(arr[i]) == -1) {
            newArr.push(arr[i])
        }
    }
    return newArr
}
console.log(fn(arr));

方法二:使用Set大法


const arr = [1, 1, 2, 4, 2, 1, 3, 4, 2, 1, 5, 2, 5, 3]
// 使用es6提供的Set数据结构,new Set成员都是唯一的,再把数据展开存进数组中
const newArr = [...new Set(arr)]
console.log(newArr);

// 再或者你可以使用Array.from()方法将一个类数组对象或者可遍历对象转换成一个真正的数组。
const newArr = Array.from(new Set(arr))
console.log(newArr);

方法三:使用filter()


const arr = [1, 1, 2, 4, 2, 1, 3, 4, 2, 1, 5, 2, 5, 3]
const newArr = arr.filter((value, index, array) => { // 传三个参数,依次是值,索引,原数组
    return array.indexOf(value) == index  // indexOf总是返回第一个值的索引,后面重复值得索引与indexOf返回的位置不相等,会被filter过滤掉
})
console.log(newArr);

数组排序

方法一:使用sort()

定义和用法
sort() 方法用于对数组的元素进行排序。

语法
arrayObject.sort(sortby)

返回值
对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

说明
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

参数 描述
sortby 可选。规定排序顺序。必须是函数。


const arr = [1, 23, 1, 1, 1, 3, 23, 5, 6, 7, 9, 9, 8, 5, 5, 5];
const fn = (a, b) => {
    return a - b // b - a 倒序
}
console.log(arr.sort(fn));

到此这篇关于js将多维数组转为一维数组后去重排序的文章就介绍到这了,更多相关js多维数组转为一维数组去重排序内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: js将多维数组转为一维数组后去重排序

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

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

猜你喜欢
  • js将多维数组转为一维数组后去重排序
    目录先说一下多维数组拍平方法一: flat()方法二: 用空字符串拼接再用split()分割一下方法三: toString()方法四: join()方法五:递归调用方法六:使用red...
    99+
    2024-04-02
  • php中如何将二维数组转为多个一维数组
    这篇文章主要介绍php中如何将二维数组转为多个一维数组,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!php将二维数组转多个一维数组的方法:1、使用array_reduce()函数来转换;2、使用array_walk_...
    99+
    2023-06-15
  • JS一维数组转化为三维数组方法
    有人提问想要将一维数组转化为三位数组的需求,下面就给提问的的小伙伴安排上 下面是后端同学返给我们的一维数组数据格式:     [{       '品牌': 'xiaomi', '机型...
    99+
    2024-04-02
  • php怎么将二维数组转为一维数组
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑二维数组转一维数组总结 例如将如下二位数组转以为以为一维数组$records = [ [ 'id' => 2135,...
    99+
    2014-10-22
    php 数组 二维数组 一维数组
  • php怎么将一维数组转为二维数组
    本教程操作环境:windows7系统、PHP7.1版、DELL G3电脑在php中,可以利用array_chunk()函数来将一维数组转为二维数组。示例:<php header("Content-type:text/html...
    99+
    2021-07-28
    php 数组 一维数组转二维数组
  • php如何将二维数组转为一维数组
    本篇内容主要讲解“php如何将二维数组转为一维数组”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php如何将二维数组转为一维数组”吧!php二维数组转为一维数组的方法:1、用array_colu...
    99+
    2023-06-21
  • php怎样将一维数组转为二维数组
    php怎样将一维数组转为二维数组,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。在php中,可以利用array_chunk()函数来将一维数组转为二维数组,该函数的作用就是分割数...
    99+
    2023-06-29
  • php怎么将一维数组转为三维数组
    对于PHP程序员来说,数组是一个非常重要的概念,也是日常工作中必不可少的数据类型。在PHP中,数组可以分为一维数组、二维数组和多维数组等多种形式。其中,一维数组是最基本也是最常见的一种数组类型。在一些特殊的场合下,我们需要将一维数组转化为三...
    99+
    2023-05-14
  • javascript中如何将一维数组转为三维数组
    这篇文章主要为大家展示了“javascript中如何将一维数组转为三维数组”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript中如何将一维数组转为...
    99+
    2024-04-02
  • vue如何将二维数组转化为一维数组
    目录将二维数组转化为一维数组需求具体实现将多维数组转一维数组6种方法ES6 flat方法递归reduce +concat + 递归join+splittoString+splitev...
    99+
    2024-04-02
  • vue怎么将二维数组转化为一维数组
    本篇内容主要讲解“vue怎么将二维数组转化为一维数组”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue怎么将二维数组转化为一维数组”吧!将二维数组转化为一维数组需求数组嵌套数据,导致循环不方便...
    99+
    2023-06-30
  • php多维数组怎么转化为一维数组
    可以使用array_merge_recursive()函数将多维数组转化为一维数组。示例代码如下:```php$array = ar...
    99+
    2023-10-11
    php
  • php一维数组怎么升序排序(不去重)
    升序排序的三种方法:1、使用sort()函数,可对数组元素进行升序排序,语法“sort($arr,排序模式);”;2、使用asort()函数,可根据关联数组的键值进行升序排列,语法“asort($arr,排序模式)”;3、使用ksort()...
    99+
    2024-04-02
  • php怎么将二维数组转为一维
    在开发PHP程序时,我们经常需要在代码中使用数组数据,其中使用的二维数组也很常见。但是,在某些情况下,我们需要将二维数组转换为一维数组。这在编写PHP应用程序时非常有用。以下是如何将PHP二维数组转换为一维数组的详细步骤。一、使用forea...
    99+
    2023-05-14
  • php如何将一维数组转为二维
    今天小编给大家分享一下php如何将一维数组转为二维的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。PHP是一种广泛使用的服务器...
    99+
    2023-07-06
  • python将二维数组升为一维数组 或 二维降为一维
    文章目录 1. 二维(多维)数组降为一维数组2. 一维数组升为 2 维数组3. 截取一列,转为list 1. 二维(多维)数组降为一维数组 方法1: reshape()+concate...
    99+
    2023-09-10
    numpy python 机器学习
  • PHP 多维数组排序
    本文将介绍 PHP 中按值对多维数组进行排序的三种方法。PHP 中使用太空船运算符对多维数组进行排序我们可以使用太空船操作符 <=> 在 PHP 中使用值对多维数组进行排序。我们将 usort(...
    99+
    2024-02-27
  • php二维数组转化为一维数组
    随着互联网的发展,网页开发也越来越受到关注。而其中最常用的编程语言之一就是PHP,它被广泛应用于网页的编写和数据库的交互。在PHP中,数组是一种非常重要的数据类型,它常常用来存储多个相关的值。在实际开发中,我们经常需要将一个二维数组转化为一...
    99+
    2023-05-19
  • JS一维数组转化为三维数组的实现示例
    今天在CSDN上问答区看到一个提问的小伙伴,是想要将一维数组转化为三位数组的需求,正好不是很忙,乐于助人的我立马给这位同学安排上,当然也没有顾及那么多去看资料什么的,就直接按照自己的...
    99+
    2024-04-02
  • PHP多维数组排序的维度之旅:从一维到多维
    一维数组使用 sort() 函数进行排序,二维数组使用 usort() 函数按内部元素排序,高维度数组使用多层嵌套 usort() 函数按层级元素进行排序,分解问题逐层解决是关键。 P...
    99+
    2024-04-29
    php 多维数组
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作