JS面试题之——数组转置与螺旋矩阵

JavaScript018

JS面试题之——数组转置与螺旋矩阵,第1张

输入 :一个二维数组,例如:

    [ [1,2,3] , [4,5,6] , [7,8,9] ]

输出 :二维数组的转置

    [ [1,4,7] , [2,5,8] , [3,6,9] ]

    矩阵的转置就是行列互换

function arrayT(sArray){

    var tArray = []

    //对目标数组初始化

    for(var i = 0i <sArray[0].lengthi++){

        tArray[i] = []

    }

    //转置数组

    for(var i = 0i <sArray.lengthi++){

        for(var j = 0j <sArray[i].lengthj++){

            tArray[j][i] = sArray[i][j]

        }

    }

    return tArray

}

注:

    这是一道本人经历的面试题,题目要求是给一个字符串,"abc def ghi",输出为"adg beh cfi"。

    通过这个面试题,我想到了数组的转置操作。

该题是在数组转置的基础上,我想到了之前leetcode上的一道题目,就重温一下。

给定一个包含 m x n 个元素的矩阵(m 行, n 列),请按照顺时针螺旋顺序,返回矩阵中的所有元素。

输入:

[

    [ 1 , 2 , 3 ] ,

    [ 4 , 5 , 6 ] ,

    [ 7 , 8 , 9 ]

]

输出:

[ 1 , 2 , 3 , 6 , 9 , 8 , 7 , 4 , 5]

其实是相当于每次遍历完外圈,然后遍历内圈;

我们可以把遍历每一圈作为一个完整的事件,然后不断去重复遍历每一圈就可以解决这个问题。

其实就是递归的运用。

arr =>{

    // map函数用来完成当前矩阵最外一圈的遍历

    // 二维数组 arr 表示当前矩阵

    // 一维数组 result 用来保存遍历结果 

    let map = (arr, result) =>{

        // 矩阵的高度即行数

        let n = arr.length

        // 遍历矩阵的每一行

        for(let i = 0i <ni++){

            // 若第一行 按顺序插入

            if(i === 0){

                result = result.concat(arr[i])

            } else if (i === n-1){

                // 若最后一行 倒序插入

                result = result.concat(arr[i].reverse())

            } else {

                // 若中间行 插入该行最后一个元素 并将该元素从矩阵中删除

                result.push(arr[i].pop())

            }

        }

        // 将已经遍历的第一行和最后一行从矩阵中删除

        arr.pop()

        arr.shift()

        // 遍历插入最左侧一列 此时删除首位两行后矩阵高度已变为n-2

        for(let j = n - 3j >= 0j--){

            // 避免arr[j]长度为空时插入undefined

            if(arr[j].length){

                result.push(arr[j].shift())

            }

        }

        // 截止条件 矩阵有元素就继续递归

        if(arr.length){

            // 把已将遍历元素删除的矩阵进行递归

            return map(arr, result)

        }else{

            return result

        }

    }

    // 将初始矩阵传入, 保存结果的数组初始为空

    return map(arr, [])

}

<script language="javascript" type="text/javascript">

var arr1 = [[30,-1,90],[70,100,-40],[39,29,6],[39,92,9]]

var arr2 = []

//确定新数组有多少行

for(var i=0i<arr1[0].lengthi++){

arr2[i] = []

}

//动态添加数据

//遍历原数组

for(var i=0i<arr1.lengthi++){

for(var j=0j<arr1[i].lengthj++){

arr2[j][i] = arr1[i][j]

}

}

//打印新数组

for(var i=0i<arr2.lengthi++){

for(var j=0j<arr2[i].lengthj++){

document.writeln(arr2[i][j])

}

document.write("<br />")

}

</script>

在实际的工作和业务需求中,我们经常会碰到树形数据结构,比如公司组织架构、组织层级、省市县或者事物的分类等等数据。那么在JavaScript中如何将数组转为树形结构和树形结构转为数组,本文就详细的来探究一下。

先来看看给出了一组怎样的数据,转换为怎样的树形结构。

后台接口返回或者面试官给你的数据:

期望的处理后的数据:

如果后台给了一个这样的数据说让前端自己去转换为树形结构或者面试官给你一组这样的数据让你手写一个转换方法,你会怎么处理?

1、递归实现

2、Map对象实现

3、filter实现

这种方法很有意思,可能大多数人想不到,也是从大佬处学到的(读书人的是怎么能叫抄呢,应该叫“窃”)。

1、reduce取树行数据的所有子集

2、递归实现

3、广度优先遍历法