js常用方法 - 掘金

主要整理日常工作中常用的一些通用Js代码，以方便能够记录与使用。

1. 获取地址栏的参数

不是hash地址(地址栏没有#)

    /**
     * name为地址栏传递过来的字段名
     */
    getQueryString = name => {
      let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
      let r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]); return null;
    }

    //  测试
    // http://localhost:3306/admin?id=111&name=xxx
    // console.log(getQueryString('id'));  // 111
    // console.log(getQueryString('name'));  // xxx

hash地址(地址栏有#)

     getQueryString (val) {
        const w = location.hash.indexOf('?')
        const query = location.hash.substring(w + 1)
        const arr = query.split('&')
        for (let i = 0; i < arr.length; i++) {
            const pair = arr[i].split('=')
            if (pair[0] == val) { return pair[1] }
        }
        return null
     }
     // 测试
     let url = 'http://localhost:8080/#/user/user?username=vanness&source=PetroChina'
     // console.log(getQueryString('username')); // vanness
     // console.log(getQueryString('source')); // PetroChina

2. 计算百分比

    Math.floor(使用数/总数*10000)/100

3. 冒泡排序

冒泡排序算法的原理如下：

1. 比较相邻的元素。如果第一个比第二个大，就交换他们两个。
2. 对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。
3. 针对所有的元素重复以上的步骤，除了最后一个。
4. 持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比比较

   // 编写方法，实现冒泡
   function bubble(arr){
       //外层循环，控制趟数，每一次找到一个最大值
       for (var i = 0; i < arr.length - 1; i++) {
        // 内层循环,控制比较的次数，并且判断两个数的大小
           for (var j = 0; j < arr.length - 1 - i; j++) {
            // 白话解释：如果前面的数大，放到后面(当然是从小到大的冒泡排序)
               if (arr[j] > arr[j + 1]) {
                    var temp = arr[j];
                    arr[j] = arr[j + 1];
                    arr[j + 1] = temp;
               }
           }
       }
       return arr  // 将执行完的结果返回就可以
    }
    var arr = [29,45,51,68,72,97]; 
    console.log(bubble(arr));//[2, 4, 5, 12, 31, 32, 45, 52, 78, 89]