今天小編給大家分享一下常用的javascript函數(shù)有哪些的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)公司是一家專注于做網(wǎng)站、成都做網(wǎng)站與策劃設(shè)計,十堰鄖陽網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:十堰鄖陽等地區(qū)。十堰鄖陽做網(wǎng)站價格咨詢:028-86922220

1.filter

JavaScript 中的 filter 函數(shù)用于根據(jù)特定條件從數(shù)組中過濾掉元素。換句話說，過濾器函數(shù)將返回一個新數(shù)組，其中僅包含滿足條件的那些元素。

例如，如果我們有一個數(shù)字數(shù)組并且我們只想獲得偶數(shù)，我們可以使用帶有檢查偶數(shù)條件的過濾器函數(shù)。

類似地，如果我們有一個對象數(shù)組并且我們只想獲取具有某個屬性值的對象，我們可以使用帶有條件的過濾器函數(shù)來檢查該屬性值。過濾器功能還有許多其他用途。

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 循環(huán)是在 JavaScript 中迭代數(shù)組的便捷工具。它允許您為數(shù)組中的每個元素執(zhí)行一組特定的代碼，而無需編寫 for 循環(huán)。我們將看看 foreach 循環(huán)是如何工作的，以及如何在自己的代碼中使用它。

我們將討論我們可以在 JavaScript 中使用 forEach 執(zhí)行什么樣的操作。JavaScript forEach 是一種循環(huán)結(jié)構(gòu)，可用于多種編程語言，包括 JavaScript。

forEach 的主要目的是允許程序員迭代數(shù)據(jù)集合，例如數(shù)組或列表。

要使用 JavaScript forEach，您首先需要一個數(shù)組。這可以使用 Array() 構(gòu)造函數(shù)創(chuàng)建，或者只需將逗號分隔的值列表分配給變量：

let myArray = [1,2,3];

一旦你有了你的數(shù)組，你就可以開始使用 javaScript forEach示例 循環(huán)對其進行迭代。

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 函數(shù)是 JavaScript 中的一個內(nèi)置方法，它允許您處理數(shù)組中的每個元素。

JavaScript 中的 map() 方法用于根據(jù)函數(shù)轉(zhuǎn)換數(shù)組中的元素。該函數(shù)在數(shù)組的每個元素上執(zhí)行，元素作為參數(shù)傳遞。

JavaScript map() 方法返回一個包含轉(zhuǎn)換后元素的新數(shù)組。

如果您有一個數(shù)字數(shù)組并且想要將它們加倍，您可以使用 map() 方法和一個將每個數(shù)字乘以 2 的函數(shù)。

在這種情況下，原始數(shù)組不會被修改。相反，使用雙倍值創(chuàng)建一個新數(shù)組：

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 中連接字符串的一種方法是使用 += 運算符。該運算符將運算符右側(cè)的字符串添加到運算符左側(cè)的字符串中。例如：

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

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

js concat 方法用于將兩個或多個字符串合并在一起。如果您想用多個較小的字符串構(gòu)建單個字符串，這很有用。

JavaScript concat() 方法不會更改現(xiàn)有字符串，而是返回一個包含合并字符串文本的新字符串。

concat示例

const arr1 = ["Abhishek", "rupal"];
const arr2 = ["divya", "rahul", "harsh"];

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

連接三個數(shù)組：

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

使用數(shù)組時，find 函數(shù)可能是一個有用的工具。此函數(shù)將返回數(shù)組中滿足給定條件的第一個元素。

例如，

如果我們有一個數(shù)字數(shù)組并且我們想找到第一個大于 5 的數(shù)字，我們可以使用 find 函數(shù)。JavaScript find 函數(shù)將回調(diào)作為其第一個參數(shù)。

此回調(diào)傳遞三個參數(shù)：正在處理的當(dāng)前元素、該元素的索引和數(shù)組本身。

如果元素滿足條件，回調(diào)應(yīng)該返回 true，否則返回 false。在我們的示例中，如果當(dāng)前元素大于 5，我們將返回 true。

Javascript 查找功能不僅限于數(shù)字。它也可以用于字符串。

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

使用數(shù)組時，有時您可能需要查找特定元素的索引。這可以使用 JavaScript findIndex() 方法來完成。

JavaScript findIndex 方法返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的索引。否則，它返回 -1。

findindex JavaScript 方法類似于 JavaScript find 函數(shù)，但它返回索引而不是值。

findIndex() 函數(shù)有兩個參數(shù)，一個回調(diào)函數(shù)和一個可選對象，該對象可用作回調(diào)函數(shù)中的 this 關(guān)鍵字。

findIndex示例

const marks = [30, 70, 98, 77];

console.log(marks.findIndex(checkMarks));

function checkMarks(mark) {
  return mark > 90;
}
//  2

findIndex 另一個例子

const fruits = [
  { name: "apple", count: 10 },
  { name: "banana", count: 18 },
  { name: "mango", count: 3 }
];

const findMango = fruits.findIndex(fruit =>fruit.name === "mango");
// 2

7.includes

JavaScript includes() 是一個內(nèi)置函數(shù)，用于檢查一個字符串是否包含另一個字符串。如果找到指定的字符串，則返回true，否則返回false。

JavaScript包含函數(shù)區(qū)分大小寫，這意味著它將區(qū)分大小寫字母，這意味著它將“Java”和“java”視為兩個不同的字符串。

要檢查 js 字符串是否包含另一個字符串，只需將要檢查的字符串作為第一個參數(shù)傳入，將要檢查的字符串作為第二個參數(shù)傳入。

例如，讓我們檢查字符串“Hello World”是否包含單詞“world”。由于搜索區(qū)分大小寫，因此將返回 false。

const birds = ["Birds", "peacock", "Dove", "Sparrow"];
console.log(birds.includes("Dove"));
// true

8.split

JavaScript中的split函數(shù)是一個String函數(shù)，用于將一個字符串拆分成一個子字符串?dāng)?shù)組，并返回新的數(shù)組。

原始字符串沒有被修改。split 函數(shù)的語法是： split(str, separator, limit)

str - 要拆分的字符串。

separator – 用作分隔符的字符。如果省略，則使用單個空格 (' ') 作為分隔符。

limit -- 一個整數(shù)，指定要進行的拆分次數(shù)。如果省略，字符串將被拆分為一個沒有限制的子字符串?dāng)?shù)組。

分隔符是一個字符串，它定義了應(yīng)該在哪里拆分字符串。限制是一個整數(shù)，指定最大拆分數(shù)。

如果沒有指定分隔符，字符串將被空白字符分割。如果未指定限制，則默認為 0，即沒有限制。

Javascript split 函數(shù)的返回值是一個子字符串?dāng)?shù)組。如果字符串不能被拆分，它將返回一個空數(shù)組。

split示例

  let text = "Hello this is akashminds";
  console.log(text.split(" "));
  // ["Hello", "this", "is", "akashminds"];

另一個使用限制參數(shù)的 split示例

  let text = "Hello this is akashminds";
  console.log(text.split(" ", 3));
  // ["akashminds"];

9. substr

JavaScript substr 函數(shù)用于提取字符串的一部分。它有兩個參數(shù)：開始位置和子字符串的長度。該函數(shù)返回一個新字符串，其中包含原始字符串的提取部分。

如果起始位置為負數(shù)，則從字符串的末尾開始計數(shù)。如果省略長度參數(shù)，JavaScript substr 會提取從字符串開始位置到結(jié)尾的所有字符。

javascript substr 函數(shù)可用于提取字符串的一部分或通過連接兩個子字符串來創(chuàng)建新字符串。它還可以用于找出給定字符串中是否存在某個字符或子字符串。

const test = "Hey!, this is Akashminds, have a nice day ahead.";
console.log(test.substr(0, 30));

// Hey!, this is Akashminds, have

以上就是“常用的javascript函數(shù)有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：常用的javascript函數(shù)有哪些
文章鏈接：http://chinadenli.net/article2/ihococ.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、Google、網(wǎng)站制作、營銷型網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)