前端js简单的面试题

0，截取字符串abcdefg中的efg

Js代码  

1. var str = 'abcdefg';  

2. alert(str.substr(4,3));  

1，js有哪些数据类型，数据类型的判断函数？

String，Number，Boolean，Null，Undefined，Object

判断函数有：typeof，instanceof，constructor，prototype

接下来我们一一对这些进行举例子。

Js代码  

1. var a = 'nihao';  

2. var b = 222;  

3. var c = [1,2,3];  

4. var d = new Date();  

5. var e = function(){alert('hanshu');};  

6. var f = function(){this.name = 'hanmeimei'};  

7. alert(typeof a);//string  

8. alert(typeof a == String);// false  

9. alert(typeof b);// number  

10. alert(typeof c);// object  

11. alert(typeof d);// object  

12. alert(typeof e);// function  

13. alert(typeof f);// function  

14. alert(c instanceof Array);//true  

15. alert(e instanceof Function);//true  

16. alert(c.constructor === Array);//true  

17. function A(){};  

18. function B(){};  

19. A.prototype = new B(); //A继承自B注意： constructor 在类继承时会出错  

20. var aObj = new A();  

21. alert(aObj.constructor === B);// -----------> true;  

22. alert(aObj.constructor === A);// -----------> false;  

23. //而instanceof方法不会出现该问题，对象直接继承和间接继承的都会报true：  

24. alert(aObj instanceof B); //----------------> true;  

25. alert(aObj instanceof A); //----------------> true;  

26. //解决construtor的问题通常是让对象的constructor手动指向自己：  

27. aObj.constructor = A;//将自己的类赋值给对象的constructor属性  

28. alert(aObj.constructor === B);// -----------> flase;  

29. alert(aObj.constructor === A);//true  

30. //prototype  

31. alert(Object.prototype.toString.call(a) === '[object String]');//true;  

32. alert(Object.prototype.toString.call(b) === '[object Number]');//true;  

33. alert(Object.prototype.toString.call(c) === '[object Array]');//true;  

34. alert(Object.prototype.toString.call(d) === '[object Date]');//true;  

35. alert(Object.prototype.toString.call(e) === '[object Function]');//true;  

36. alert(Object.prototype.toString.call(f) === '[object Function]');//true;  

2，编写一个js函数，时时显示当前时间，格式：“年-月-日 时：分：秒”

Js代码  

1. function nowtime(){  

2. var nowDate = new Date();  

3. var year = nowDate.getFullYear();  

4. var month = nowDate.getMonth() + 1;  

5. var day = nowDate.getDate();  

6. var hours = nowDate.getHours();  

7. var minutes = nowDate.getMinutes();  

8. var second = nowDate.getSeconds();  

9. return year + '-' + month + '-' + day +' '+hours+':'+minutes +':'+second;   

10. }  

11. alert(nowtime());  

Js代码  

3，显示隐藏dom元素

使用jquery

Js代码  

1. $(function(){  

2. $("#div").show();  

3. $("#div").hide();  

4. });  

4,如果添加HTML元素的事件处理，几种方法

a，直接元素中添加：

Js代码  

1. <a href="###" onclick="fn();" >click</a>  

b,找到dom节点如：

Js代码  

1. var ob = document.getElementById("div");  

2. ob.onclick = function(){};  

c,使用jquery添加静态的dom节点的事件

Js代码  

1. $("#div").click(function(){});  

2. //动态生成的节点的话:  

3. $("#div").on("click",function(){});  

4. $("#div").live("click",function(){});  

5,如何控制alert中的换行

Js代码  

1. alert('nihao\nnihao');或者  

2. alert('nihao'+'\n'+'nihao');  

6，判断字符串中出现次数最多的字符，统计这个次数。

Js代码  

1. //判断一个字符串中出现次数最多的字符，统计这个次数  

2. //方法一  

3. var str="aabbb";  

4. var obj={};  

5. for(var i=0,k;i<str.length;i++){  

6.     k=str.charAt(i);//charAt() 方法可返回指定位置的字符。  

7.     if(obj[k]){  

8.         obj[k]++;  

9.     }else{  

10.         obj[k]=1;  

11.     }  

12. }  

13. var m=0;  

14. var i=null;  

15. for(var k in obj){  

16.     if(obj[k]>m){  

17.         m=obj[k];  

18.         i=k;  

19.     }  

20. }  

21. alert(i+':'+m);  

22. //方法二  

23. var str ="aaaaaaaaaaabbb";  

24. for(var i=0,len=0,temp="";i<str.length; i++){  

25.     var s=str.substr(i,1);//substr()方法可在字符串中抽取从 start 下标开始的指定数目的字符。  

26.     var tt=str.split(s);//split()方法用于把一个字符串分割成字符串数组。  

27.     if(tt.length>len){  

28.         len=tt.length;  

29.         temp=s+"出现最多次数为"+len;  

30.     }  

31. }  

32. alert(temp);  

7，判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母，数字，下划线，总长度为5-20

有两种方案，一种是传统的遍历每个字符来判断，这种会比较麻烦。另一种是用正则来判断比较方便。

下面是正则的例子

Js代码  

1. //判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20  

2. var str = 'abcdefg';  

3. var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;  

4. alert(reg.test(str));  

8，写一个字符串转成驼峰的方法：

如：border-bottom-color  》  borderBottomColor

这个也是有两种方法，一种是传统的和一种正则表达式

Js代码  

1. var str = "border-bottom-color";  

2.   

3. function test(str){  

4.     var arr = str.split("-");//用split()函数来进行分割字符串arr里面包括【border，bottom，color】  

5.     for(var i=1;i<arr.length;i++){//从数组的第二项开始循环，charAt(0)找到第一个字母。substring(1)截掉第一个字母。  

6.         arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substring(1);//循环之后把得到的字符赋给arr。【border，Bottom， Color】  

7.         alert(arr[i]);  

8.     }  

9.     return arr.join("");//用join方法来拼接，空拼接。就变成borderBottomColor  

10.   

11. }  

12. alert(test(str));  

Js代码  

1. var str = "border-bottom-color";  

2. function test(str){  

3.     var re = /-(\w)/g;//通过正则找到-b  -c。默认的是匹配一次，所以要用g来全局匹配。\w指的字符。找一个-找一个字符。replace替换就是B替换-b   C替换-c。 $0代表正则，$1代表指向  

4.     return str.replace(re, function($0,$1){  

5.         return $1.toUpperCase();  

6.     });  

7. }  

8. alert(test(str));  

9，请编写一个javascript函数parseQueryString，他的用途是把URL参数解析为一个对象，如：

var url=“http:witmax,cn/index.php?key0=0&key1=1&key2=2”；

Js代码  

1. function parseQueryString(url) {  

2.     var json = {};  

3.     var arr = url.substr(url.indexOf('?') + 1,url.length).split('&');  

4.     arr.forEach(function(item) {  

5.         var tmp = item.split('=');  

6.         json[tmp[0]] = tmp[1];  

7.     })  

8.     return json;  

9. }  

10. //或者  

11. function parseQueryString(url)  

12. {  

13.     var obj={};  

14.     var keyvalue=[];  

15.     var key="",value="";   

16.     var paraString=url.substring(url.indexOf("?")+1,url.length).split("&");  

17.     for(var i in paraString){  

18.         keyvalue=paraString[i].split("=");  

19.         key=keyvalue[0];  

20.         value=keyvalue[1];  

21.         obj[key]=value;   

22.     }   

23.     return obj;  

24. }  

25.   

26. var url = "http://witmax.cn/index.php?key0=0&key1=1&key2=2";  

27. var json = parseQueryString(url);  

28. console.log(json);