let val = [] ? !![] : ![];
console.log(val);
//true:
//之前的错误解释:[] 是一个null,做判断则为false,false执行![]语句,结果为非空,即true
//更正:[]是一个object,object判断为true(null实际上也是一个object不过比较特殊是6种false之一),true执行 !![] 两次取反为true.多谢@此生只为你倾心指正。
值为false: false 0 null ""(空字符串) undefined NaN 这里顺便说明一下,js用于做判断,只有以下6种情况判断出来的值为false:其他均为true。
延展一下,有个比较有意思的情况是:[] == ![]; //true,还有[]我们刚刚判断为true对吧? 但是呢 [] == false; //true,为什么呢?
==:趋向于先转换成0和1再做判断,一起来看看吧
先看[] == false首先把比较的双方转成number(双方有一方是布尔值),[]是空数组,转换成基本类型为"",空所以被转化为0,false也被转成0。0 == 0,true(不过如果用恒等于 ===则为false,因为两者数据类型不一致,[]为object(里的array),false为布尔值)
再看[] == ![]; []是object即true,!true ==> false; false ==> 0; 而[]我们知道最终转化为0,所以 0 == 0; //true;
[] == [] 实际上是false哈。是不是很别扭?
所以:慎用 "==",用“===”
let k;
for(let i = 0,j = 0;i < 10,j < 8; i++, j++){
k = i + j;
}
答案是:14。这里的i和j是同步增长,当j加到7的时候,i也等于7,k执行等于14,j再加1,不满足条件,跳出循环,结果为14,如果再问i和j的值,则都为8。
3、有这样一串杂乱无章的数据————dahsidoai 213907;a poas198jdo 213089 as13d115。
我希望它输出["213907", "198", "213089", "13", "115"],请写出实现过程
let str = "dahsidoai 213907;a poas198jdo 213089 as13d115";
function searchNumUnit(str){
let arr = [],
str0 = str, //不影响原数据
reg = /\d+/;
while(reg.test(str0)){
arr.push(reg.exec(str0)[0]);
str0 = str0.split('').slice(reg.exec(str0).index + reg.exec(str0)[0].length,str0.length).join('');
}
return arr;
}
console.log(searchNumUnit(str));
第2种方法,利用js的match函数提取字符串:
let str = "dahsidoai 213907;a poas198jdo 213089 as13d115";
console.log(str.match(/\d+/g));
下面的程序输出什么?假如说我用"==>"表示程序延迟了多久输出,比如1,2 ==> 3 ,表示12同时输出,之后间隔1000ms1(为避免钻牛角尖,这里的1000只是一个大概数)输出了34、下面是一道综合题,问题会由浅及深一步步问,你需要一步步解决:
for(var i = 0; i < 6; i ++){
setTimeout(function(){
console.log(i);
},1000);
}
// 输出结果:6,6,6,6,6,6
那我如果想输出0 , 1 , 2 , 3 , 4 , 5呢?得怎么写?能否通过多种方式来写出?(最少2种)
//第1种方式:
for(var i = 0; i < 6; i ++){
(function(j){
setTimeout(function(){
console.log(j);
},1000);
})(i)
}
//第2种方式:
for(let i = 0; i < 6; i ++){
setTimeout(function(){
console.log(i);
},1000);
}
//输出结果:0 , 1 , 2 , 3 , 4 , 5
那我如果是想输出0 ==> 1 ==> 2 ==> 3 ==> 4 ==> 5程序得怎么改变?
// 代码如下:
for(var i = 0; i < 6; i ++){
(function(j){
setTimeout(function(){
console.log(j);
},1000 * j);
})(i)
}
上面这种代码能实现逻辑,但代码太烂,没法给你加分,有没有更好的办法?另外我为什么说你的代码太烂?能顺便说明一下吗?
//首先我的代码太烂是因为我创建了太多的定时器,仅仅这里我就创建了6个定时器,如果i值非常大,会非常消耗资源,大大降低执行性能
//优化代码如下:这里的好处是即使你的i1值达到10000甚至1亿,我始终只有1个定时器。
let i1 = 0;
let time = setInterval(output_i1,1000);
function output_i1(){
i1 < 6 ? console.log("i1=" + i1++) : clearInterval(time);
}
这样算可以给你加5分,如果我不是0 , 1 , 2 , 3 , 4 , 5呢?而是0,1,2,3,4,5...简单的说能否给我自定义?
这个简单啊,改成这样不就可以了?
let i1 = 0;
let time = setInterval(output(6),1000);
function output(num){
i1 < num-1 ? console.log(++i1) : clearInterval(time);
}
可惜你这个函数是错的,setInterval接收的是一个function:output,而不是接收一个已经运行的output(),所以呢?你得怎么改?
//改成这样:
let i2 = 0;
let time1 = setInterval(_output_i2(8),1000);
function _output_i2(num){
return function(){
output_i2(num);
}
}
function output_i2(num){
i2 < num ? console.log("i2="+ i2++) : clearInterval(time1);
}
如果你到了这一步,嗯,还行,勉强达到了基本要求,但是呢,其实这里涉及到异步,用promise又得怎么写?还能再进一步吗?答案是肯定的,不过呢,先答下一题吧。
一个树形json数据有3层,基本的结构如下:(...代表后续有若干个类似的对象)
数据大概是这样:
[
{
id : "1",
name : "dorsey1",
children: [
{
id : "1-1",
name : "dorsey1-1",
children : [
{
id : "1-1-1",
name : "dorsey1-1-1",
children : [
{
id : "1-1-1-1",
name : "dorsey1-1-1-1",
}
...
]
}
...
]
}
...
]
}
...
]
请写一个函数传入id值返回name值,另外呢?这里虽说只是3层,能否拓展到若干层?
let data = [
{
id : "1",
name : "dorsey1",
children: [
{
id : "1-1",
name : "dorsey1-1",
children : [
{
id : "1-1-1",
name : "dorsey1-1-1",
children : [
{
id : "1-1-1-1",
name : "dorsey1-1-1-1",
}
]
},
{
id : "1-1-2",
name : "dorsey1-1-2"
}
]
},
{
id : "1-2",
name : "dorsey1-2",
children : [
{
id : "1-2-1",
name : "dorsey1-2-1"
},
{
id : "1-2-2",
name : "dorsey1-2-2"
}
]
},
{
id : "1-3",
name : "dorsey1-3",
children : [
{
id : "1-3-1",
name : "dorsey1-3-1"
},
{
id : "1-3-2",
name : "dorsey1-3-2"
}
]
}
]
},
{
id : "2",
name : "dorsey2",
children: [
{
id : "2-1",
name : "dorsey2-1",
children : [
{
id : "2-1-1",
name : "dorsey2-1-1"
},
{
id : "2-1-2",
name : "dorsey2-1-2"
}
]
},
{
id : "2-2",
name : "dorsey2-2",
children : [
{
id : "2-2-1",
name : "dorsey2-2-1"
},
{
id : "2-2-2",
name : "dorsey2-2-2"
}
]
}
]
}
]
这是基本的json解析,请看下面的实现:
//最原始的实现如下:
function getJsonDataNameById(dataArr,id) {
let agent = [];
let data = dataArr,
len = data.length;
for (let i = 0; i < len; i++) {
let item = data[i];
if(item.children && item.children.length !== 0){
for(let j = 0 ; j < item.children.length; j ++){
agent.push(item.children[j]);
}
data = data.concat(agent); //children降维
len += agent.length;
agent = [];
}
}
for(let i = 0; i < data.length; i++){
if(data[i].id === id){
return data[i].name;
}
}
}
let a = getJsonDataNameById(data, "1-3-2");
console.log(a);
作者:dorseyCh
链接:https://www.imooc.com/article/48993
来源:慕课网
很多童鞋可能年后有自己的一些计划,比如换份工作环境,比如对职业目标有了新的打算。当然面试这一关不得不过,大概又不可能系统性的复习,这里罗列一些 重点 面试的知识点和文章,
什么是webpack和grunt和gulp有什么不同?什么是bundle,什么是chunk,什么是module?什么是Loader?什么是Plugin?如何可以自动生成webpack配置?webpack-dev-server和http服务器如nginx有什么区别?
多问问应聘者高层次的知识点,如果能讲清楚这些概念,就说明即使应聘者没怎么接触过 JavaScript,也能够在短短几个星期之内就把语言细节和语法之类的东西弄清楚。
面试比棘手的技术问题要多,这篇文章整理了37个JavaScript基本面试问题和解答,这些仅仅是作为指导。希望对前端开发的你有所帮助!
React常见面试题:React中调用setState之后发生了什么事情?React中Element与Component的区别?优先选择使用ClassComponent而不是FunctionalComponent?React中的refs属性的作用是什么?React中keys的作用是什么?
题目大意为:JS 环境下,如何让 a == 1 && a == 2 && a == 3 这个表达式返回 true ?这道题目乍看之下似乎不太可能,因为在正常情况下,一个变量的值如果没有手动修改,在一个表达式中是不会变化的。
10道JavaScript题目:累加函数addNum、实现一个Person类、实现一个arrMerge 函数、实现一个toCamelStyle函数、setTimeout实现重复调用、实现一个bind函数、实现一个Utils模块、输出一个对象自身的属性
面试开场白总缺少不了自我介绍,一方面是面试官想听听你对自己的介绍,顺便有时间看看简历上的描述,是否与口述一致。另一方面就是看看你简历上做过什么项目,用到了哪些技术栈,一会儿好提问你。
把面试当做学习,这个过程你会收益很大。前端知识很杂,可能实际工作中用到的技术,像框架都是跟着公司的要求走的,像我最近也在看React啦,Vue和React都对比着再学习
vue上手可以说是比较轻松而且简单,如果你用过angular,react,你也会很喜欢vue。vue的核心思想依旧是:构建用户界面的渐进式框架,关注视图的变化。这也是为什么新建的文件是结构是template script style
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!