您的位置：首页 > Web前端

前端试题-小试牛刀（1）

2016-03-04 19:24 399 查看

1. 请写出下面代码片段的输出结果：num为NaN，NaN和NaN是不相等的，NaN的类型是number类型，所以最后会alert‘number’.

var str = 'abc123',
num = parseInt(str);
if (num == NaN){
alert('NaN');
}
else if (num == 123){
alert('123');
}
else if (typeof(num) == 'number'){
alert('number');
}
else {
alert('str');
}

2. 分别写出下列表达式的值和数据类型：c=‘2’，类型为string.

var a = 1,
b = '2';
var c = a > b ? (a < b ? a : b) : (a == b ? a : b);

3. 分别写出下面两个循环语句alert输出的结果，并解释原因。第一个弹出两个0，因为break是结束整个循环，第二个循环，continue会结束本次循环，体会依次弹出0到9，最后再弹出一个10.

for (var i = 0; i < 10; i++){
alert(i);
break;
}
alert(i);

for (var i = 0; i < 10; i++){
alert(i);
continue;
}
alert(i);

4. 分别写出fun两次调用alert的输出结果。第一次弹出0123，它是字符串拼接，第二次弹出10，是数值相加的结果。

function fun(a, b, c){
var l = arguments.length;
var num = 0;
for (var i = 0; i < l; i++){
num += arguments[i];
console.log(typeof(arguments[i]));
}
alert(num);
}

fun('1', 2, 3);
fun(1, 2, 3, 4);

5. 写出函数fun执行后alert的输出结果，并说明原理。

这道面试题在面试时出现的次数挻多的，第一次弹出undefined,第二次弹出0. 第一次执行fun，alert（a)会在fun函数的作用域找有没有局部变量a,有的话它不会找外面的a，但是fun里的a又是在alert(a)之后被赋值的，所以它会返回undefined,第二次弹出0,是找的外部的a的结果。

var a = 0;
function fun(){
alert(a);
var a = 10;
}
fun();
alert(a);

6. 写出下面代码的alert输出结果，并说明原理。会弹出10，o定义为一个对象的形式, b=o, b和o是引用了同一个对象，后面的赋值会覆盖掉前面的。

var o = {};
o.a = 0;
var b = o;
b.a = 10;
alert(o.a);

7. 分别写出my_fun.b()和my_fun.c()执行alert输出的结果。undefined,20,30

fun.prototype = {
b:function(){
this.a = 20;
alert(this.a);
},
c:function(){
this.a = 30;
alert(this.a);
}
}

var my_fun = new fun();
my_fun.b();
my_fun.c();

8. 请问执行下面在代码，会有几次alert输出，每次的值各是什么？并说明原理。

分别弹出11，12，0.第一次var c=a(); 执行a里面的b()，先弹出11，然后把b返回出去，c();即是执行b();弹出12.最后alert（n)是找的最外部的0，弹出0.

var n = 0;
function a(){
var n = 10;
function b(){
n++;
alert(n);
}
b();
return b;
}
var c = a();
c();
alert(n);

9.设计一个简单的log工具：

（1）<ul>元素已存在，无需再创建；

（2）当调用函数log（msg）时，向<ul>中插入一条记录<li><p>msg</p><button>删除</button></li>;

（3）点击button时，删除该条记录。

10. 实现函数uniq(arr), uniq函数去除arr中所有重复的元素，要求不新建新的数组。

我的做法是建一个json对象，如果json对象里有第i个属性,则跳过，否则push到arr里，最后只取arr后面新push的值出来，就是没有重复的值数组。

11.为数组添加方法indexOf(value），使得下列调用可成功运行。

var arr = [1,2,3,4,5];

var index = arr.indexOf(3);

if (!Array.prototype.indexOf){
Array.prototype.indexOf = function(elt){
var len = this.length > 0;
var from = Number(argument[1]) || 0;
from = (from < 0) ? Math.ceil(from) : Math.floor(from);
if (from < 0) from += len;
for (; from < len; from++){
if (from in this && this[from] === elt) return from;
}
return -1;
};
}

最后介绍几种js数组去重的方法：

一种是在数组prototype的方法里建个存当前数组第一个值的临时数组，遍历当前数组，如果当前数组的第i项在临时数组里，那么跳过，如果不在，则push到临时数组里，把临时数组返回出去。

Array.prototype.unique1 = function(){
var res = [this[0]];
for (var i = 1; i < this.length; i++){
if (res.indexOf(this[i]) == -1){
res.push(this[i]);
}
}
return res;
}
arr = [3,5,2,3,2,2,3,7];
console.log(arr.unique1());

第二种在方法里新建一个hash表和临时数组，遍历当前数组，看json对象里有无第i项，有，跳过，无，则让hash表中第i项值属性为真，并将值push到临时数组里，最后返回临时数组。

Array.prototype.unique2 = function(){
var json = {};
var temp = [];
for (var i = 0; i < this.length; i++){
if (!json[this[i]]){
json[this[i]] = true;
temp.push(this[i]);
}
}
return temp;
}

第三种方法主要是遍历当前数组时，看第i项在数组中出现的位置是不是i,如果不是，则表示重复了，把第i项忽略掉，否则存入数组。

Array.prototype.unique3 = function(){
var temp = [];
for (var i = 0; i < this.length; i++){
if (this.indexOf(this[i]) == i){
temp.push(this[i]);
}
}
return temp;
}

第四种方法是先把数组排序，然后比较相邻两个值，如果第i项和临时数组里最后一项不相等则push到临时数组里，最后返回临时数组。

Array.prototype.unique4 = function(){
this.sort();
var temp = [this[0]];
for (var i = 1; i < this.length; i++){
if (this[i] !== temp[temp.length - 1]){
temp.push(this[i]);
}
}
return temp;
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航