前端JS常见面试题(代码自撸)
题目一示例:
适用于子数组等长度及不等长度。
let arr = [
[1,2,3],
[5,6,7,8],
[9,10,11,12,13]
]
function arrayDiagonal(arr) {
let lenarr = [];
for(let s = 0; s < arr.length;s ++) {
lenarr.push(arr[s].length)
}
let arrChildlen = Math.max.apply(null,lenarr);
console.log(arrChildlen)
let newArr = [],
arrLen = arr.length,
//arrChildlen = arr[0].length,
loopCount = Math.ceil((arrLen * arrChildlen) / 2);
for(let i = 0;i < loopCount ; i ++) {
for(let j = 0; j <= i; j ++) {
if(j >= arrLen) {
break
}
for(let l = 0; l <= i; l ++) {
//console.log(j + ":" + (i-j))
if(j + l === i) {
if(j > arr[j].length || i-j >= arr[j].length) {
break
}
//console.log(j + ":" + (i-j))
//console.log(j + ":" + (i-j) + ":" + arr[j][i-j]) newArr.push(arr[j][i-j])
}
}
}
}
return newArr
} console.log(arr)
console.log(arrayDiagonal(arr))
题目二示例:
注:传参应试用字符串形式,而不是使用es6模板,使用es6模板传参,浏览器会自动解析替换相应变量
例:var s = render("${year}-${mouth}-${day}")
let year = '2018',
mouth = '08',
day = '08',
s = render("${ year }-${ mouth }-${ day }");
console.log(s); function render(str) {
let leftPos = [],
rightPos = [];
function searchSubStr(str,subStr) {
let arr = [];
let positions = str.indexOf(subStr);
while(positions > -1){
arr.push(positions);
positions = str.indexOf(subStr,positions + 1);
}
return arr;
}
leftPos = searchSubStr(str,"{");
rightPos = searchSubStr(str,"}");
let name = [];//存放名称
for(let i = 0; i < leftPos.length;i ++) {
name.push(str.substring(leftPos[i] + 1,rightPos[i]))
}
for(let j = 0; j < name.length;j ++) {
str = str.replace(new RegExp('\\$\\{'+ name[j] +'\\}','gm'),eval(name[j]))
} return str
}
题目三示例:
function output(num) {
var promise = new Promise( function(resolve, reject) {
setTimeout(function () {
console.log(new Date(), num);
resolve(num);
},1000 * num);
});
return promise;
}
for (var i = 0;i < 100;i++){
output(i)
}
前端JS常见面试题(代码自撸)的更多相关文章
- vue.js常见面试题及常见命令介绍
Vue.js介绍 Vue.js是JavaScript MVVM(Model-View-ViewModel)库,十分简洁,Vue核心只关注视图层,相对AngularJS提供更加简洁.易于理解的API.V ...
- JS常见面试题,看看你都会多少?
1. 如何在ES5环境下实现let 这个问题实质上是在回答let和var有什么区别,对于这个问题,我们可以直接查看babel转换前后的结果,看一下在循环中通过let定义的变量是如何解决变量提升的问题 ...
- JS常见面试题总结-真实被问到的!
1.判断数据类型有几种方法 console.log(typeof 'abc') // string console.log(Object.prototype.toString.call('abc')) ...
- js常见面试题
1.大小写转化,将字符串转化成驼峰的方法 例:border-bottom-color转化为:borderBottomColor var str="border-bottom-color&qu ...
- 整理的最全 python常见面试题(基本必考)
整理的最全 python常见面试题(基本必考) python 2018-05-17 作者 大蛇王 1.大数据的文件读取 ① 利用生成器generator ②迭代器进行迭代遍历:for line in ...
- 整理的最全 python常见面试题
整理的最全 python常见面试题(基本必考)① ②③④⑤⑥⑦⑧⑨⑩ 1.大数据的文件读取: ① 利用生成器generator: ②迭代器进行迭代遍历:for line in file; 2.迭代 ...
- 【javascript常见面试题】常见前端面试题及答案
转自:http://www.cnblogs.com/syfwhu/p/4434132.html 前言 本文是在GitHub上看到一个大牛总结的前端常见面试题,很多问题问的都很好,很经典.很有代表性.上 ...
- Vue常见面试题汇总
Vue框架常见面试题 1.active-class是哪个组件的属性?嵌套路由怎么定义? 答:vue-router模块的router-link组件. 2.怎么定义vue-router的动态路由?怎么 ...
- Web开发的常见面试题HTML和HTML5等
作为一名前端开发人员,HTML,HTML5以及网站优化都是必须掌握的技术,下面列举一下HTML, HTML5, 网站优化等常见的面试题: HTML常见面试题: 1. 什么是Semantic HTML( ...
随机推荐
- css3 animation 在某些浏览器中特别快 bugfix
今天在一款三星 4.2.2 的 webview 里,出现 animation 特别快的问题,把: .xxx{ -webkit-animation: xxx 24s linear infinite; } ...
- Module 10:I/O流(java如何实现与外界数据的交流)
Module 10:I/O流(java如何实现与外界数据的交流) Input/Output:指跨越出了JVM的边界,与外界数据的源头或者目标数据源进行数据交换. 输出 ...
- Kubernetes集群的监控报警策略最佳实践
版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/M2l0ZgSsVc7r69eFdTj/article/details/79652064 本文为Kub ...
- HAWQ配置之客户端访问
一.配置简单的口令访问 1,建立数据库和用户 postgres=# create database epbd; CREATE DATABASE postgres=# create role user1 ...
- Windows补丁更新Tips
1.Windows 2012 R2 MS14-066补丁安装失败 现象:下载对应版本的补丁,提示“此更新不适用于你的计算机” 解决:使用命令行可成功安装 @echo off expand –F:* d ...
- java基础---->String和MessageFormat的format方法
这里介绍一下String和MessageFormat中的format方法的差异以及实现原理. String与MessageFormat的说明 一.两者的使用场景 String.format:for l ...
- js - 伪数组转化为数组的几种方法整理(更新中...)
伪数组:无法调用数组的方法,但是有length属性,又可以索引获取内部项的数据结构. 比如:arguments.getElementsByTagName等一系列dom获取的NodeList对象,他们 ...
- JDK 5.0 注解知识快速进阶
1.了解注解 对于Java开发人员来说,在编写代码时,除了源程序外,还会使用Javadoc标签对类.方法或成员变量进行注释,一遍使用Javadoc工具生成和源代码配套的Javadoc文件,如@para ...
- 在elementUI中使用 el-autocomplete 实现远程搜索的下拉框
参考;https://blog.csdn.net/qq_37746973/article/details/78402812?utm_source=blogxgwz1 https://blog.csdn ...
- jquery验证规则
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程 ...