JavaScript使用小技巧之数组操作与获取URL参数

javaScript 获取对象数组中某几项

使用JavaScript中的map()或forEach()方法进行遍历

要获取对象数组中的某几项，你可以使用JavaScript中的map()或forEach()方法进行遍历，并通过对象的键来获取相应的值。以下是一个示例代码：

// 示例对象数组
const objArray = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
  { id: 3, name: 'Tom', age: 35 },
  { id: 4, name: 'Alice', age: 40 }
];

// 要获取的属性键
const desiredKeys = ['name', 'age'];

// 使用map()方法获取对应的属性值
const result = objArray.map(obj => {
  const newObj = {};
  desiredKeys.forEach(key => {
    newObj[key] = obj[key];
  });
  return newObj;
});

console.log(result);

上述代码中，我们首先定义了一个对象数组 objArray，其中包含了每个对象的 id、name 和 age 属性。然后，我们定义了一个数组 desiredKeys，用于指定我们想要获取的属性键。

接下来，我们使用 map() 方法遍历 objArray 数组，并使用 forEach() 方法遍历 desiredKeys 数组，将每个键对应的属性值存储到新的对象 newObj 中。最后，将 newObj 添加到 result 数组中。

最后，我们通过 console.log() 打印出 result 数组，其中包含了我们所需的属性键值对应的对象数组。

更简便方法 – 直接使用map便利 – 推荐此中方法

要获取对象数组中的某几项，可以使用 map() 方法来遍历数组，并通过解构赋值来选择所需的属性。以下是一个示例代码：

// 示例对象数组
const objArray = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
  { id: 3, name: 'Tom', age: 35 },
  { id: 4, name: 'Alice', age: 40 }
];

// 获取所需的属性
const desiredProps = objArray.map(({ name, age }) => ({ name, age }));

console.log(desiredProps);

上述代码中，我们首先定义了一个对象数组 objArray，其中包含了每个对象的 id、name 和 age 属性。

然后，我们使用 map() 方法遍历 objArray 数组，并通过解构赋值来选择所需的 name 和 age 属性。在这个例子中，我们将解构赋值用于回调函数的参数部分，这样我们就能直接选择所需的属性。最后，我们通过返回一个新的对象来创建包含所需属性的对象数组。

最后，我们通过 console.log() 打印出 desiredProps 数组，其中包含了我们所需的属性对应的对象数组。

更多精彩内容，请微信搜索“前端爱好者“， 戳我 查看 。

javaScript 获取url参数值

在 JavaScript 中，你可以使用以下方法获取 URL 参数的值：

使用 URLSearchParams 对象：

// 假设 URL 为 http://example.com/?name=John&age=30

const urlParams = new URLSearchParams(window.location.search);
const name = urlParams.get('name');
const age = urlParams.get('age');

console.log(name); // 输出 "John"
console.log(age); // 输出 "30"

使用正则表达式和 match() 方法：

// 假设 URL 为 http://example.com/?name=John&age=30

const url = window.location.href;
const regex = /[?&]([^=#]+)=([^&#]*)/g;
let match;
const params = {};

while ((match = regex.exec(url))) {
  const key = decodeURIComponent(match[1]);
  const value = decodeURIComponent(match[2]);
  params[key] = value;
}

console.log(params.name); // 输出 "John"
console.log(params.age); // 输出 "30"

这些方法都可以帮助你获取 URL 中的参数值。

第一种方法使用了 URLSearchParams 对象，它是一个内置对象，提供了方便的操作 URL 查询参数的方法。

第二种方法则使用正则表达式来解析 URL 字符串，并将参数存储在一个对象中。你可以根据自己的需要选择其中一种方法。