更简易的将一维数组转化为二维数组

最新推荐文章于 2024-03-30 16:59:47 发布

Jikel

最新推荐文章于 2024-03-30 16:59:47 发布

阅读量4.1k

点赞数 2

分类专栏：数组文章标签： js

本文链接：https://blog.csdn.net/weixin_54902466/article/details/115969662

版权

数组专栏收录该内容

2 篇文章 0 订阅

订阅专栏

提示：本章技术分享为将一维数组转化为二维数组

文章目录

前言
一、详细代码步骤
二、代码优化
总结

前言

提示：超简单的转化方法,灵活运用数组方法,通俗易懂

提示：以下是本篇文章正文内容，下面案例可供参考

一、详细代码步骤

示例：本步骤主要是中心思想,代码略微有些复杂,具体可用第二步中的优化代码.
代码如下（示例）：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <h1>将数组将一维变为二维</h1>
    </div>
   
</body>
<script>
      // 题目:设置n为拆分的节点,使arr拆分为二维数组
      // 已知:function f (arr,n=7)
       let arr = [1,2,3,4,5,6,7,8,9,10]
       let a=[]                            // 1.声明数组a,接受下标为0-n的数组
       let b=[]                            // 2.声明数组b,接受剩下的数组的值
       let c=[]                            // 3.声明数组c,接收两个数组合成二维数组
       function f(arr,n=7){
       a=[...arr.splice(0,n)]              // 1.1设置下标为0-n的值
       b=[...arr]                          // 2.1接受剩下的数组的值
       c=[[a],[b]]                         // 3.1合成数组为二维数组
       console.log(c);                     // 4.打印合成的数组          
       } 
       f(arr)                              // 5.调用函数

</script>
</html>

二、代码优化

代码如下（示例）：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <h1>将数组将一维变为二维</h1>
    </div>
   
</body>
<script>
      // 题目:设置n为拆分的节点,使arr拆分为二维数组
      // 已知:function f (arr,n=7)
       let arr = [1,2,3,4,5,6,7,8,9,10]
       let a=[]                            // 1.设置一个空数组
       function f(arr,n=7){
        a=[[...arr.splice(0,n)],[...arr]]  // 2.将详情步骤代码优化
       console.log(a);                     // 3.打印合成的数组          
       } 
       f(arr)                              // 4.调用函数
      
</script>
</html>

这里将以上代码进行优化整合。

总结

提示：这里对文章进行总结：

中心思想就是:

1.将数组通过拓展运算符打散之后,定义…splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。注意此方法会改变原数组。
2.在设置一个数组接收两个数组,将一维数组转化为二维数组。

希望能给大家提供正确思路逻辑,谢谢!

Jikel

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
更简易的将一维数组转化为二维数组

提示：本章技术分享为将一维数组转化为二维数组文章目录前言一、详细代码步骤二、代码优化总结前言提示：超简单的转化方法,灵活运用数组方法,通俗易懂提示：以下是本篇文章正文内容，下面案例可供参考一、详细代码步骤示例：本步骤主要是中心思想,代码略微有些复杂,具体可用第二步中的优化代码.代码如下（示例）：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8">
复制链接

扫一扫