每天一点面试题(1)

1.函数的arguments为什么不是数组?如何转化成数组?

argument是一个对象,只不过它的属性从0开始排,依次为0,1,2…最后还有callee和length属性。我们也把这样的对象称为类数组。

常见的类数组还有:
1.用getElementByTagName/ClassName/Name()获得的HTMLCollection
2.用querySlector获得的nodeList

转成数组的方法

  1. Array.prototype.slice.call()
function sum(a, b) {
  let args = Array.prototype.slice.call(arguments);
  console.log(args.reduce((sum, cur) => sum + cur));//args可以调用数组原生的方法啦
}
sum(1, 2);       //3
  1. Array.from()
function sum(a, b) {
 let args = Array.from(arguments);
 console.log(args.reduce((sum, cur) => sum + cur));//args可以调用数组原生的方法啦
}
sum(1, 2);     //3
  1. ES6展开运算符
function sum(a, b) {
 let args = Array.from(arguments);
 console.log(args.reduce((sum, cur) => sum + cur));//args可以调用数组原生的方法啦
}
sum(1, 2);     //3
  1. 利用concat+apply
function sum(a, b) {
 let args = Array.prototype.concat.apply([], arguments);//apply方法会把第二个参数展开
 console.log(args.reduce((sum, cur) => sum + cur));//args可以调用数组原生的方法啦
}
sum(1, 2);       //3

2.forEach中return有效果吗?如何中断forEach循环?

在forEach中用return不会返回,函数会继续执行。
中断方法:
1.使用try监视代码块,在需要中断的地方抛出异常。
2.官方推荐方法(替换方法):用every和some替代forEach函数。every在碰到return false的时候,中止循环。some在碰到return ture的时候,中止循环

3.JS中flat—数组扁平化

对于前端项目开发过程中,偶尔会出现层叠数据结构的数组,我们需要将多层级数组转化为一级数组(即提取嵌套数组元素最终合并为一个数组),使其内容合并且展开。那么该如何去实现呢?

需求:多维数组=>一维数组

let ary = [1, [2, [3, [4, 5]]], 6];// -> [1, 2, 3, 4, 5, 6]
let str = JSON.stringify(ary);
  1. 调用ES6中的flat方法
ary = arr.flat(Infinity);
  1. replace + split
ary = str.replace(/(\[|\])/g, '').split(',')
  1. replace + JSON.parse
str = str.replace(/(\[|\]))/g, '');
str = '[' + str + ']';
ary = JSON.parse(str);
  1. 普通递归
let result = [];
let fn = function(ary) {
 for(let i = 0; i < ary.length; i++) {
   let item = ary[i];
   if (Array.isArray(ary[i])){
     fn(item);
   } else {
     result.push(item);
   }
 }
}
  1. 利用reduce函数迭代
function flatten(ary) {
   return ary.reduce((pre, cur) => {
       return pre.concat(Array.isArray(cur) ? flatten(cur) : cur);
   }, []);
}
let ary = [1, 2, [3, 4], [5, [6, 7]]]
console.log(flatten(ary))

6:扩展运算符

//只要有一个元素有数组,那么循环继续
while (ary.some(Array.isArray)) {
 ary = [].concat(...ary);
}

发布了38 篇原创文章 · 获赞 1 · 访问量 567

猜你喜欢

转载自blog.csdn.net/weixin_43718291/article/details/103101919