热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

一维数组与二维数组互相转换吗,一维数组与二维数组互相转换的函数

一维数组与二维数组互相转换一、二维数组转一维数组1.1使用reduce实现vararr1[[1,2],[3,4],[5,6],[7]];func

一维数组与二维数组互相转换 一、二维数组转一维数组 1.1 使用 reduce 实现

var arr1 = [[1, 2], [3, 4], [5, 6], [7]];

function toArrayOne(pre, value, index, array) {

    return pre.concat(value);

}

var arr2 = arr1.reduce(toArrayOne);

console.log(arr2 );

reduce 还可以实现数组求和,求数组最大值/最小值。

1.2 使用 apply 实现

var arr1 = [[1, 2], [3, 4], [5, 6], [7]];

var arr2 = [].concat.apply([], arr1); // apply() 第一个参数传入执行concat()操作的对象,既[],第二个参数传入一个数组

console.log(arr2 );

二、一维数组转二维数组 2.1 分类转换

var arr1 = [2, 2, 2, 5, 5, 6, 6, 6, 6, 7];

function toArrayTwo(pre, value) {

    pre[value] = (pre[value] || []).concat(value);

    return pre;

}

function filterArray(value) {

    return value;

}

var arr2 = arr1.reduce(toArrayTwo, []).filter(filterArray);

console.log(arr2 );

2.1 普通转换

// 迭代法

var arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9];

function toArrayTwo(arr, n) {

    if (arr.length === 0) {

        return [];

    }

    if (arr.length < n) {

        n = arr.length

    }

    var arrOne = [arr.slice(0, n)].concat(arguments.callee(arr.slice(n), n));

    return JSON.parse(JSON.stringify(arrOne));

}

var arr2 = toArrayTwo(arr1, 2);

console.log(arr2 );

// 截取法

var arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9];

function toArrayTwo(arr, n) {

    var len = arr.length % n === 0 ? arr.length / n : Math.floor(arr.length / n);

    var arrOne = [];

    for (var i = 0; i <= len; i++) {

        var temp = arr.slice(i * n, (i + 1) * n);

        arrOne.push(temp); // 兼容对象元素

    }

    return JSON.parse(JSON.stringify(arrOne));

}

var arr2 = toArrayTwo(arr1, 2);

console.log(arr2 );


推荐阅读
  • JavaScript XML操作实用工具类:XmlUtilsJS技巧与应用 ... [详细]
  • 本文探讨了利用JavaScript实现集合的对称差集算法的方法。该算法旨在处理多个数组作为输入参数,同时保留每个数组中元素的原始顺序。算法不会移除单个数组内的重复元素,但会删除在不同数组之间出现的重复项。通过这种方式,能够有效地计算出多个数组的对称差集。 ... [详细]
  • 本文详细探讨了JavaScript中数组去重的各种方法,并通过实际代码示例进行了深入解析。文章首先介绍了几种常见的去重技术,包括使用Set对象、过滤方法和双重循环等。每种方法都附有具体的实现代码,帮助读者更好地理解和应用这些技术。此外,文中还讨论了不同方法在性能上的优劣,为开发者提供了实用的参考。 ... [详细]
  • 在处理木偶评估函数时,我发现可以顺利传递本机对象(如字符串、列表和数字),但每当尝试将JSHandle或ElementHandle作为参数传递时,函数会拒绝接受这些对象。这可能是由于这些句柄对象的特殊性质导致的,建议在使用时进行适当的转换或封装,以确保函数能够正确处理。 ... [详细]
  • 解决lib-flexible安装过程中遇到的错误问题
    在安装 lib-flexible 时,遇到了 `saveError ENOENT: No such file or directory` 错误,具体表现为无法打开 `E:\Github\SDIO\package.json` 文件。解决此问题的关键在于确保项目根目录下存在 `package.json` 文件,并且在正确的项目路径中执行安装命令。建议先检查项目结构,确认文件是否存在,然后再尝试重新安装依赖。 ... [详细]
  • 本文深入探讨了 Vue 框架中的混入(mixins)机制及其实际应用场景。首先,文章从官方文档出发,详细解读了混入的基本概念和核心原理。接着,通过具体的代码示例,展示了如何创建和使用混入,帮助开发者更好地理解和掌握这一功能。此外,文章还对比了混入与 Vuex、公共组件之间的区别,明确了各自适用的场景和优缺点,为开发者在项目中选择合适的技术方案提供了参考。 ... [详细]
  • 在使用 `useSelector` 选择器时,发现分派操作后状态未能实时更新。这可能是由于 React 组件的渲染机制或 Redux 的状态管理问题导致的。建议检查 `useSelector` 的依赖项和 `dispatch` 的调用时机,确保状态变化能够正确触发组件重新渲染。此外,可以考虑使用 `useEffect` 钩子来监听状态变化,以确保及时更新。 ... [详细]
  • 本文探讨了如何利用 jQuery 的 JSONP 技术实现跨域调用外部 Web 服务。通过详细解析 JSONP 的工作原理及其在 jQuery 中的应用,本文提供了实用的代码示例和最佳实践,帮助开发者解决跨域请求中的常见问题。 ... [详细]
  • 在Kohana 3框架中,实现最优的即时消息显示方法是许多开发者关注的问题。本文将探讨如何高效、优雅地展示flash消息,包括最佳实践和技术细节,以提升用户体验和代码可维护性。 ... [详细]
  • 本文总结了JavaScript的核心知识点和实用技巧,涵盖了变量声明、DOM操作、事件处理等重要方面。例如,通过`event.srcElement`获取触发事件的元素,并使用`alert`显示其HTML结构;利用`innerText`和`innerHTML`属性分别设置和获取文本内容及HTML内容。此外,还介绍了如何在表单中动态生成和操作``元素,以便更好地处理用户输入。这些技巧对于提升前端开发效率和代码质量具有重要意义。 ... [详细]
  • 深入解析:React与Webpack配置进阶指南(第二部分)
    在本篇进阶指南的第二部分中,我们将继续探讨 React 与 Webpack 的高级配置技巧。通过实际案例,我们将展示如何使用 React 和 Webpack 构建一个简单的 Todo 应用程序,具体包括 `TodoApp.js` 文件中的代码实现,如导入 React 和自定义组件 `TodoList`。此外,我们还将深入讲解 Webpack 配置文件的优化方法,以提升开发效率和应用性能。 ... [详细]
  • Vue 实战基础教程第9讲:深入理解计算属性与侦听器的高效使用
    Vue 实战基础教程第9讲:深入理解计算属性与侦听器的高效使用 ... [详细]
  • HBase Java API 进阶:过滤器详解与应用实例
    本文详细探讨了HBase 1.2.6版本中Java API的高级应用,重点介绍了过滤器的使用方法和实际案例。首先,文章对几种常见的HBase过滤器进行了概述,包括列前缀过滤器(ColumnPrefixFilter)和时间戳过滤器(TimestampsFilter)。此外,还详细讲解了分页过滤器(PageFilter)的实现原理及其在大数据查询中的应用场景。通过具体的代码示例,读者可以更好地理解和掌握这些过滤器的使用技巧,从而提高数据处理的效率和灵活性。 ... [详细]
  • Redis哈希数据结构入门指南
    Redis的哈希数据结构与Java中的HashMap类似,采用数组加链表的方式实现。数组用于存储哈希值的位置,而链表则用于处理哈希冲突的情况。此外,Redis的哈希数据结构还支持高效的字段操作和内存优化,适用于多种应用场景,如缓存和会话管理。 ... [详细]
  • JavaScript编程技巧:深入理解高阶函数的应用与优化 ... [详细]
author-avatar
mobiledu2502875213
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有