JavaScript forEach URL 参数

在 JavaScript 中，我们经常需要对一个对象数组进行遍历并对每个元素执行相应的操作。使用 forEach() 方法可以轻松地完成这个功能。

forEach() 方法

forEach() 是 JavaScript 中数组的一个方法，用于对数组中的每个元素执行指定的操作。它接受一个回调函数作为参数，该回调函数会在数组的每个元素上被调用一次。回调函数可以接受三个参数：

1. 当前元素的值
2. 当前元素的索引
3. 处理该数组的原始数组

下面是一个使用 forEach() 方法遍历数组的示例：

const fruits = ['apple', 'banana', 'orange'];

fruits.forEach((fruit, index) => {
  console.log(`[${index}] ${fruit}`);
});

输出：

[0] apple
[1] banana
[2] orange

将 URL 参数添加到 URL 中

在编写 Web 应用程序时，我们经常需要将 URL 参数添加到 URL 中。这可以通过使用字符串连接符 '?' 和 '&' 来完成。

下面是一个将 URL 参数添加到 URL 中的示例：

const baseUrl = 'https://example.com';
const params = {
  foo: 'bar',
  baz: 'qux'
};

let url = baseUrl;
let isFirstParam = true;

for (const key in params) {
  const value = params[key];

  if (isFirstParam) {
    url += `?${key}=${value}`;
    isFirstParam = false;
  } else {
    url += `&${key}=${value}`;
  }
}

console.log(url);

输出：

https://example.com?foo=bar&baz=qux

结合使用 forEach() 和字符串模板

使用 forEach() 和字符串模板，我们可以更简洁地将 URL 参数添加到 URL 中。

下面是一个结合使用 forEach() 和字符串模板的示例：

const baseUrl = 'https://example.com';
const params = {
  foo: 'bar',
  baz: 'qux'
};

let url = baseUrl;

Object.keys(params).forEach((key, index) => {
  const value = params[key];
  const prefix = index === 0 ? '?' : '&';
  url += `${prefix}${key}=${value}`;
});

console.log(url);

输出：

https://example.com?foo=bar&baz=qux

总结

forEach() 是 JavaScript 中数组的一个方法，用于对数组中的每个元素执行指定的操作。结合使用 forEach() 和字符串模板，我们可以更简洁地将 URL 参数添加到 URL 中。