一些常用且实用的原生JavaScript函数

一些常用且实用的原生JavaScript函数

在JavaScript中，一些常用且实用的原生函数能够使我们的开发更加便捷。下面将介绍其中一些重要的函数。

Array.prototype.forEach()

forEach()函数会对数组中的每一个元素执行指定的操作，该操作一般以匿名函数的形式传递。

语法如下：

array.forEach(function(currentValue, index, arr), thisValue)

参数：

• function(currentValue, index, arr) – 需要执行的函数，它分别接收当前元素值、当前元素索引和整个数组。
• thisValue – this 值。

示例代码：

const arr = [1, 2, 3, 4, 5];
arr.forEach(function(num) {
  console.log(num);
});

Array.prototype.filter()

filter()函数通过对数组中的每一个元素采用指定的测试函数进行比较来创建一个新的数组，新数组包含测试函数返回 true 的所有元素。

语法如下：

array.filter(function(currentValue, index, array), thisValue)

参数：

• function(currentValue, index, array) – 需要对每个元素执行的测试函数。该函数返回 true 就添加该元素到新数组中，否则将被过滤掉。
• thisValue – this 值。

示例代码：

const arr = [1, 2, 3, 4, 5];

const filteredArr = arr.filter(function(num) {
  return num > 3;
});

console.log(filteredArr); // [4, 5]

Object.keys()

Object.keys()函数返回一个所有给定对象自身可枚举属性的属性名数组。

语法如下：

Object.keys(obj)

参数：

• obj – 需要获取属性名的对象。

示例代码：

const obj = {name: 'Tom', age: 18, gender: 'male'};

const keys = Object.keys(obj);

console.log(keys); // ['name', 'age', 'gender']

JSON.parse()

JSON.parse()函数是一个强大的工具，它可以把 JSON 格式字符串转为 JavaScript 对象。

语法如下：

JSON.parse(json)

参数：

• json – 需要转换的 JSON 字符串。

示例代码：

const jsonString = `{"name":"Tom","age":18,"gender":"male"}`;

const jsonObj = JSON.parse(jsonString);

console.log(jsonObj.name); // Tom
console.log(jsonObj.age); // 18
console.log(jsonObj.gender); // male

总结

这些常用的原生 JavaScript 函数可以让我们在开发中更加高效地处理数据，提高开发效率。知道这些函数的使用，能让你的代码更加简洁易读。