JS练习题

1、 点击按钮后，将下列li倒序排列

    <ul id="test">
        <li>我是第1列</li>
        <li>我是第2列</li>
        <li>我是第3列</li>
        <li>我是第4列</li>
        <li>我是第5列</li>
    </ul>
    <input type="button" value="倒序排列" onclick="reverSort()">

参考答案：

    function reverSort() {
        var obj=document.getElementById("test");
        var lis=obj.getElementsByTagName('li');
        for(var i=lis.length-1;i>=0;i--) {
            obj.appendChild(lis[i]);
        }
    }

2、 给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。

Array.prototype.method=function() {
    var result=[];
    for(var i=0;i<this.length;i++) {
        for(var j=i+1;j<this.length;) {
            if(this[i]==this[j]){
                result.push(this.splice(j,1)[0]);
            }else {
                j++;
            }
        }
    }
    return result;
}
console.log(['a','b','c','a','e','b'].method());

3、请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象

function parseQueryString(url) {
    var result={};
    var arr=url.split("?");
    if(arr.length<1) return result;
    arr=arr[1].split("&");
    for(var i=0;i<arr.length;i++) {
        var a=arr[i].split("=");
        result[a[0]]=a[1];
    }
    return result;
}
var example="http://example.cn/index.php?key0=0&key1=1&key2=2";
var ret=parseQueryString(example);
console.log(ret[key2]);//2

4、去除数组中重复元素

Array.prototype.method=function() {
    var result=[];
    var obj={};//借助于对象
    for(var i=0;i<this.length;i++) {
        var o=this[i];
        if(!obj[o]) {//如果对象中有  就不执行;没有就执行
            obj[o]=1;
            result.push(o);
        }
    }
    return result;
}
var arr = [1 ,1 ,2, 3, 3, 2, 1];
console.log(arr.method());