记录一些 js 实用的方法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_39759115/article/details/81165324

说明

记录一些 js 实用的方法

从字符串中提取 img 标签，获取每个 img 的 src

export function getImg(str) {
  let imgs = str.match(/<img.+?>/gi);
  imgs = imgs.map(function(item, index) {
    //提取出src
    let _src = item.match(/src=[\'\"]?([^\'\"]*)[\'\"]?/i)[1];
    // console.log("_src", _src);
    return '<img src="' + _src + '" width="100%">';
  });
}

DOM获取

export function getEle(el) {
  return document.querySelector(el);
}
export function getEles(el) {
  return document.querySelectorAll(el);
}

判断字符串是否以给定字符“结尾”

endsWith() 方法用来判断当前字符串是否是以另外一个给定的子字符串“结尾”的，根据判断结果返回 true 或 false。

str.endsWith(searchString [, position]);

参数：

• searchString， 要搜索的子字符串
• position， 可选。作为 str 的长度，默认值为 str.length。

var str = "To be, or not to be, that is the question.";

alert( str.endsWith("question.") );  // true
alert( str.endsWith("to be") );      // false
alert( str.endsWith("to be", 19) );  // true

这个方法已经加入到 ECMAScript 6 标准当中，但是可能还没有在所有的 JavaScript 实现中可用。

polyfill：

	if (!String.prototype.endsWith) {
		String.prototype.endsWith = function(search, this_len) {
			if (this_len === undefined || this_len > this.length) {
				this_len = this.length;
			}
			return this.substring(this_len - search.length, this_len) === search;
		};
	}
	

判断数据类型

 isType(params, type) {
    // 判断数据类型
    // String Number Boolean Undefined Null Object Array Function HTMLDocument HTMLDocument
    return Object.prototype.toString.call(params) === "[object " + type + "]";
  }

判断一个数组是否包含一个指定的值

includes() 方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false。

arr.includes(searchElement, fromIndex)

参数：

• searchElement，需要查找的元素值
• fromIndex，可选，从该索引处开始查找 searchElement。如果fromIndex 大于等于数组长度 ，则返回 false 。该数组不会被搜索。如果为负值，则按升序从 array.length - fromIndex 的索引开始搜索。默认为 0。

[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, 3].includes(3, 3);  // false
[1, 2, 3].includes(3, -1); // true
[1, 2, NaN].includes(NaN); // true

includes() 方法有意设计为通用方法。它不要求 this 值是数组对象，所以它可以被用于其他类型的对象 (比如类数组对象)。下面的例子展示了 在函数的 arguments 对象上调用的 includes() 方法。

(function() {
  console.log([].includes.call(arguments, 'a')); // true
  console.log([].includes.call(arguments, 'd')); // false
})('a','b','c');

Polyfill

// https://tc39.github.io/ecma262/#sec-array.prototype.includes
if (!Array.prototype.includes) {
  Object.defineProperty(Array.prototype, 'includes', {
    value: function(searchElement, fromIndex) {

      // 1. Let O be ? ToObject(this value).
      if (this == null) {
        throw new TypeError('"this" is null or not defined');
      }

      var o = Object(this);

      // 2. Let len be ? ToLength(? Get(O, "length")).
      var len = o.length >>> 0;

      // 3. If len is 0, return false.
      if (len === 0) {
        return false;
      }

      // 4. Let n be ? ToInteger(fromIndex).
      //    (If fromIndex is undefined, this step produces the value 0.)
      var n = fromIndex | 0;

      // 5. If n ≥ 0, then
      //  a. Let k be n.
      // 6. Else n < 0,
      //  a. Let k be len + n.
      //  b. If k < 0, let k be 0.
      var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);

      // 7. Repeat, while k < len
      while (k < len) {
        // a. Let elementK be the result of ? Get(O, ! ToString(k)).
        // b. If SameValueZero(searchElement, elementK) is true, return true.
        // c. Increase k by 1.
        // NOTE: === provides the correct "SameValueZero" comparison needed here.
        if (o[k] === searchElement) {
          return true;
        }
        k++;
      }

      // 8. Return false
      return false;
    }
  });
}

数组内容位置排序

export var arraySort = {
  arr: null,
  init(_arr) {
    if (this.typeof(_arr, "Array")) {
      this.arr = _arr;
    } else {
      throw new TypeError("Initialization data type is not an array");
    }
  },
  swapArray(x, y) {
  	// 交换数组中两个索引处的元素
    this.arr.splice(x, 1, ...this.arr.splice(y, 1, this.arr[x]));
  },
  sortUp(index) {
    if (index != 0) {
      this.swapArray(index, index - 1);
    }
  },
  sortDown(index) {
    if (index != this.arr.length - 1) {
      this.swapArray(index, index + 1);
    }
  },
  del(_index, callback) {
    if (this.typeof(callback, "Function")) {
      if (callback()) {
        this.arr.splice(_index, 1);
      }
    } else {
      if (this.arr.length > 1) {
        this.arr.splice(_index, 1);
      }
    }
  },
  typeof(params, type) {
    // 判断数据类型
    // String Number Boolean Undefined Null Object Array Function HTMLDocument HTMLDocument
    return Object.prototype.toString.call(params) === "[object " + type + "]";
  }
};