方法#

- 对象转queryStrings#

通过Object.entries以及reduce进行queryString的累加，只能将对象中值为string的转进去，可以改进

1
const objectToQuerystring = (queryParams) => {
2
    return Object.entries(queryParams).reduce((queryString, [key, value], index) => {
3
        const symbol = queryString.length === 0 ? '?' : '&';
4
        queryString += typeof value === 'string' ? `${symbol}${key}=${value}` : '';
5
        return queryString;
6
    }, '');
7
}
8

9
// ?name=weng&address=11111

- 深度冻结一个对象#

使用Object.keys（）获取所传递对象的所有属性，使用Array.prototype.forEach（）遍历它们。在所有属性上递归调用Object.freeze（obj），检查是否使用Object.isFrozen（）冻结了每个属性，并根据需要应用deepFreeze（）。最后，使用Object.freeze（）冻结给定的对象。

1
const deepFreeze = obj => {
2
  Object.keys(obj).forEach(prop => {
3
    if (typeof(obj[prop]) === 'object' && !Object.isFrozen(obj[prop]))   deepFreeze(obj[prop]);
4
  });
5
  return Object.freeze(obj);
6
};
7

8

9
EXAMPLES
10
'use strict';
11

12
const o = deepFreeze([1, [2, 3]]);
13

14
o[0] = 3; // not allowed
15
o[1][0] = 4; // not allowed as well

- 获取当前url（不带任何参数）#

返回没有任何参数的当前URL。

使用String.prototype.indexOf（）检查给定的url是否具有参数，使用String.prototype.slice（）删除它们（如有必要）。

1
const getBaseURL = url =>
2
  url.indexOf('?') > 0 ? url.slice(0, url.indexOf('?')) : url;

- 获取当前URL下的值#

返回一个包含当前URL参数的对象。

使用带有适当正则表达式的String.prototype.match（）来获取所有键值对，使用Array.prototype.reduce（）来映射它们并将它们组合成一个对象。传递location.search作为参数以应用于当前网址。

1
const getURLParameters = url =>
2
    (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce(
3
    (a, v) => ((a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)), a),
4
    {}
5
);

JavaScript api#

-for in , for of 和 forEach#

for in#

for … in用于迭代对象的所有可枚举属性，包括继承的可枚举属性。该迭代语句可用于数组字符串或普通对象，但不能用于Map或Set对象。

1
for (let prop in ['a', 'b', 'c'])
2
  console.log(prop);            // 0, 1, 2 (array indexes)
3

4
for (let prop in 'str')
5
  console.log(prop);            // 0, 1, 2 (string indexes)
6

7
for (let prop in {a: 1, b: 2, c: 3})
8
  console.log(prop);            // a, b, c (object property names)
9

10
for (let prop in new Set(['a', 'b', 'a', 'd']))
11
  console.log(prop);            // undefined (no enumerable properties)

for of#

for … of用于迭代可迭代对象，迭代其值而不是其属性。该迭代语句可用于数组，字符串，Map或Set对象，但不能用于普通对象。

1
for (let val of ['a', 'b', 'c'])
2
  console.log(val);            // a, b, c (array values)
3

4
for (let val of 'str')
5
  console.log(val);            // s, t, r (string characters)
6

7
for (let val of {a: 1, b: 2, c: 3})
8
  console.log(prop);           // TypeError (not iterable)
9

10
for (let val of new Set(['a', 'b', 'a', 'd']))
11
  console.log(val);            // a, b, d (Set values)

forEach#

forEach（）是Array原型的一种方法，它允许您遍历数组的元素。尽管forEach（）仅迭代数组，但它可以在迭代时访问每个元素的值和索引。

1
['a', 'b', 'c'].forEach(
2
  val => console.log(val)     // a, b, c (array values)
3
);
4

5
['a', 'b', 'c'].forEach(
6
  (val, i) => console.log(i)  // 0, 1, 2 (array indexes)
7
);