前端面试试题（四）

Javascript类型：
Javascript中如何检测一个变量是String类型？请写出函数实现方法

typeof (obj)==="string"
typeof obj==="string"
obj.constructor===string

请用js清除字符空格？
法一：利用replace正则匹配的方法

去除所有空格：str=str.replace(/\s*/g,"")
去除两头空格：str=str.replace(/(^\s*)|(\s*$)/g,"")
去除左边空格：str=str.replace(/^\s*/g,"")
去除右边空格：str=str.replace(/(\s*$)/g,"")

法二：使用str.trim()方法,缺点：不会自动清除中间的空格

str=str.trim();

同理：清除左右空格：str.trimLeft(),str.trimRight()
法三：使用jquery,$.trim(str)方法
$.trim(str)无法清除中间的空格
如何获取浏览器URL中查询字符串中的参数？

function showWindowHref(){
    var sHref = "https://pages.tmall.com/?wh_pid=industry&ali_trackid=634980&spm=a231o"
    //定义一个URL
    
    var args = sHref.split('?'); 
    //使用split()方法可以将一个字符串通过从指定的符号分割为一个数组
    console.log(args)
    //此时得出的是["https://pages.tmall.com/","wh_pid=industry&ali_trackid=634980&spm=a231o"]
   //判断是否只有？前面的内容，是则不输出
    if(args[0] == sHref){
        return "";
    }

//使用split()方法可以将一个字符串通过从指定的符号分割为一个数组
    var arr = args[1].split('&');
    console.log(arr)
   // 此时得出的是arr=["wh_pid=industry", "ali_trackid=634980", "spm=a231o"]
    var obj = {};
    for(var i = 0;i< arr.length;i++){
        var arg = arr[i].split('=');
        obj[arg[0]] = arg[1];
    }
    return obj;
}
var href = showWindowHref(); 
console.log(href['wh_pid']); 
//得到对应的参数

js字符串操作函数
concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。
indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。
charAt() – 返回指定位置的字符。
lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。
match() – 检查一个字符串是否匹配一个正则表达式。
substr() 函数 – 返回从string的startPos位置，长度为length的字符串
substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。
slice() – 提取字符串的一部分，并返回一个新字符串。
replace() – 用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。
search() – 执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回 -1 。
split() – 通过将字符串划分成子串，将一个字符串做成一个字符串数组。
length – 返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。
toLowerCase() – 将整个字符串转成小写字母。
toUpperCase() – 将整个字符串转成大写字母
怎样添加、移除、移动、复制、创建和查找节点？
1）创建新节点
　　createDocumentFragment() //创建一个DOM片段
　　createElement() //创建一个具体的元素
　　createTextNode() //创建一个文本节点
2）添加、移除、替换、插入
　　appendChild() //添加
　　removeChild() //移除
　　replaceChild() //替换
　　insertBefore() //插入
3）查找
　　getElementsByTagName() //通过标签名称
　　getElementsByName() //通过元素的Name属性的值
　　getElementById() //通过元素Id，唯一性
比较typeof与instanceof?
相同点：JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。
typeof的定义和用法：返回值是一个字符串，用来说明变量的数据类型。
细节：
(1)、typeof 一般只能返回如下几个结果：number,boolean,string,function,object,undefined。
(2)、typeof 来获取一个变量是否存在，如 if(typeof a!=“undefined”){alert(“ok”)}，而不要去使用 if(a) 因为如果 a 不存在（未声明）则会出错。
(3)、对于 Array,Null 等特殊对象使用 typeof 一律返回 object，这正是 typeof 的局限性。
Instanceof定义和用法：instanceof 用于判断一个变量是否属于某个对象的实例。
实例演示：

a instanceof b?alert("true"):alert("false"); //a是b的实例？真:假
var a = new Array(); 
alert(a instanceof Array);  // true
alert(a instanceof Object)  // true

如上，会返回 true，同时 alert(a instanceof Object) 也会返回 true;这是因为 Array 是 object 的子类。

function test(){};
var a = new test();
alert(a instanceof test)   // true

细节：
(1)、如下，得到的结果为‘N’,这里的 instanceof 测试的 object 是指 js 语法中的 object，不是指 dom 模型对象。

if (window instanceof Object){ alert('Y')} else {  alert('N');}  // 'N'