通过示例探索 9 个常用的 javascript 函数-9543建站博客

广告：宝塔Linux面板高效运维的服务器管理软件点击【 https://www.bt.cn/p/uNLv1L 】立即购买

通过示例探索 9 个常用的 javascript 函数

函数是 JavaScript 最重要的方面之一。如果没有 JavaScript 函数，它将非常有限。javascript 中的函数用于执行特定的操作或任务。

它们可以写入代码中，也可以使用 Function 构造函数创建。函数可以定义在其他函数内部，称为嵌套函数。嵌套函数可以访问外部函数的变量和参数。

这允许一些有趣且强大的编程技术。

在本文中，我们将通过示例探索 9 个常用的 javascript 函数。

1.filter

JavaScript 中的 filter 函数用于根据特定条件从数组中过滤掉元素。换句话说，过滤器函数将返回一个新数组，其中仅包含满足条件的那些元素。

例如，如果我们有一个数字数组并且我们只想获得偶数，我们可以使用带有检查偶数条件的过滤器函数。

类似地，如果我们有一个对象数组并且我们只想获取具有某个属性值的对象，我们可以使用带有条件的过滤器函数来检查该属性值。过滤器功能还有许多其他用途。

filter示例

let numbers = [15, 2, 50, 55, 90, 5, 4, 9, 10];console.log(numbers.filter(number => number % 2 == 1));  // [15, 55, 5, 9]

登录后复制2.forEach

Javascript foreach 循环是在 JavaScript 中迭代数组的便捷工具。它允许您为数组中的每个元素执行一组特定的代码，而无需编写 for 循环。我们将看看 foreach 循环是如何工作的，以及如何在自己的代码中使用它。

我们将讨论我们可以在 JavaScript 中使用 forEach 执行什么样的操作。JavaScript forEach 是一种循环结构，可用于多种编程语言，包括 JavaScript。

forEach 的主要目的是允许程序员迭代数据集合，例如数组或列表。

要使用 JavaScript forEach，您首先需要一个数组。这可以使用 Array() 构造函数创建，或者只需将逗号分隔的值列表分配给变量：

let myArray = [1,2,3];

登录后复制

一旦你有了你的数组，你就可以开始使用 javaScript forEach示例循环对其进行迭代。

forEach示例

    let text = "";    const fruits = ["Apple", "Orange", "Cherry", "Banana"];    fruits.forEach((item,index)=>{        text += item +  ',' ;     });    console.log(text)    // Apple,Orange,Cherry,Banana,

登录后复制3.map

Javascript map 函数是 JavaScript 中的一个内置方法，它允许您处理数组中的每个元素。

JavaScript 中的 map() 方法用于根据函数转换数组中的元素。该函数在数组的每个元素上执行，元素作为参数传递。

JavaScript map() 方法返回一个包含转换后元素的新数组。

如果您有一个数字数组并且想要将它们加倍，您可以使用 map() 方法和一个将每个数字乘以 2 的函数。

在这种情况下，原始数组不会被修改。相反，使用双倍值创建一个新数组：

let arr = [1, 2, 3];let newArr = arr.map(num => num * 2);console.log(newArr)//   1, 4, 9

登录后复制

我们来看另一个 JavaScript map()的例子

const users = [  {firstname : "Abhishek", lastname: "kumar"},  {firstname : "jay", lastname: "sharma"},  {firstname : "rupal", lastname: "sharma"}];users.map(getFullName);function getFullName(item) {  return [item.firstname,item.lastname].join(", ");}//  ['Abhishek, kumar', 'jay, sharma', 'rupal, sharma']

登录后复制4.concat

Javascript 字符串连接是将两个或多个字符串连接在一起的过程。在 javascript 中连接字符串的最常见方法是使用 + 运算符。但是，还有其他方法可以做到这一点。

在 javascript 中连接字符串的一种方法是使用 += 运算符。该运算符将运算符右侧的字符串添加到运算符左侧的字符串中。例如：

    let str1 = "Hello";    let str2 = "World";    str1 += str2;     console.log(str1) //Hello World

登录后复制

在 javascript 中连接字符串的另一种方法是使用 .concat() 方法。

js concat 方法用于将两个或多个字符串合并在一起。如果您想用多个较小的字符串构建单个字符串，这很有用。

JavaScript concat() 方法不会更改现有字符串，而是返回一个包含合并字符串文本的新字符串。

concat示例

const arr1 = ["Abhishek", "rupal"];const arr2 = ["divya", "rahul", "harsh"];const allUsers = arr1.concat(arr2);//  Abhishek, rupal, divya, rahul, harsh

登录后复制

连接三个数组：

const arr1 = ["Abhishek", "rupal"];const arr2 = ["divya", "rahul", "harsh"];const arr3 = ["kamal", "rohit"];const allUsers = arr1.concat(arr2, arr3); // Abhishek, rupal, divya, rahul, harsh, kamal, rohit

登录后复制5.find

使用数组时，find 函数可能是一个有用的工具。此函数将返回数组中满足给定条件的第一个元素。

例如，

如果我们有一个数字数组并且我们想找到第一个大于 5 的数字，我们可以使用 find 函数。JavaScript find 函数将回调作为其第一个参数。

此回调传递三个参数：正在处理的当前元素、该元素的索引和数组本身。

如果元素满足条件，回调应该返回 true，否则返回 false。在我们的示例中，如果当前元素大于 5，我们将返回 true。

Javascript 查找功能不仅限于数字。它也可以用于字符串。

find示例

const marks = [30, 70, 98, 77];console.log(marks.find(checkMarks));function checkMarks(mark) {  return mark > 90;}//  98

登录后复制

find另一个例子

const fruits = [  { name: "apple", count: 10 },  { name: "banana", count: 18 },  { name: "mango", count: 3 }];const findMango = fruits.find(fruit =>fruit.name === "mango");// { name: "mango", count: 3}

登录后复制6.findIndex

使用数组时，有时您可能需要查找特定元素的索引。这可以使用 JavaScript findIndex() 方法来完成。

JavaScript findIndex 方法返回数组中满足提供的测试函数的第一个元素的索引。否则，它返回 -1。

findindex JavaScript 方法类似于 JavaScript find 函数，但它返回索引而不是值。

findIndex() 函数有两个参数，一个回调函数和一个可选对象，该对象可用作回调函数中的 this 关键字。

findIndex示例