建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
數(shù)組是任何編程語(yǔ)言的重要組成部分，JavaScript 也不例外。使用數(shù)組，開(kāi)發(fā)人員可以存儲(chǔ)和操作數(shù)據(jù)集合，包括字符串、數(shù)字甚至對(duì)象。
成都創(chuàng)新互聯(lián)成都企業(yè)網(wǎng)站建設(shè)服務(wù)，提供成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)網(wǎng)站開(kāi)發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設(shè)計(jì),自適應(yīng)網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì)師打造企業(yè)風(fēng)格網(wǎng)站,提供周到的售前咨詢(xún)和貼心的售后服務(wù)。歡迎咨詢(xún)做網(wǎng)站需要多少錢(qián):18980820575
在本文中，我們將介紹每個(gè)人都應(yīng)該知道的 15 個(gè)必須知道的 JavaScript 數(shù)組方法。
01、Push()
將一個(gè)或多個(gè)元素添加到數(shù)組末尾 Push() 方法將一個(gè)或多個(gè)元素添加到數(shù)組末尾并返回?cái)?shù)組的新長(zhǎng)度。當(dāng)您需要向數(shù)組添加元素而不指定索引時(shí)，此方法非常有用。
const array = [1, 2, 3]; array.push(4, 5); console.log(array); // Output: [1, 2, 3, 4, 5]02、pop()
刪除并返回?cái)?shù)組中的最后一個(gè)元素 pop() 方法刪除并返回?cái)?shù)組中的最后一個(gè)元素。當(dāng)您需要從數(shù)組末尾刪除元素時(shí)，此方法非常有用。
const array = [1, 2, 3];
const lastElement = array.pop();
console.log(array); // Output: [1, 2]
console.log(lastElement); // Output: 303、shift()
刪除并返回?cái)?shù)組中的第一個(gè)元素 shift() 方法刪除并返回?cái)?shù)組中的第一個(gè)元素。當(dāng)您需要從數(shù)組開(kāi)頭刪除元素時(shí)，此方法非常有用。
const array = [1, 2, 3];
const firstElement = array.shift();
console.log(array); // Output: [2, 3]
console.log(firstElement); // Output: 104、unshift()
將一個(gè)或多個(gè)元素添加到數(shù)組的開(kāi)頭 unshift() 方法將一個(gè)或多個(gè)元素添加到數(shù)組的開(kāi)頭并返回?cái)?shù)組的新長(zhǎng)度。當(dāng)您需要在數(shù)組的開(kāi)頭添加元素時(shí)，此方法非常有用。
const array = [1, 2, 3];
array.unshift(4, 5);
console.log(array); // Output: [4, 5, 1, 2, 3]05、splice()
在數(shù)組的指定索引處添加或刪除元素 splice() 方法在數(shù)組的指定索引處添加或刪除元素。此方法可用于在數(shù)組中的任何位置添加或刪除元素。
const array = [1, 2, 3, 4];
array.splice(1, 2, 5, 6);
console.log(array); // Output: [1, 5, 6, 4]06、slice()
返回由起始索引和結(jié)束索引指定的數(shù)組部分的副本 slice() 方法返回由起始索引和結(jié)束索引指定的數(shù)組部分的副本。此方法可用于創(chuàng)建包含原始數(shù)組子集的新數(shù)組。
cCopy codeconst array = [1, 2, 3, 4];
const newArray = array.slice(1, 3);
console.log(newArray); // Output: [2, 3]07、concat()
組合兩個(gè)或多個(gè)數(shù)組并返回一個(gè)新數(shù)組 concat() 方法組合兩個(gè)或多個(gè)數(shù)組并返回一個(gè)新數(shù)組。此方法可用于將數(shù)組連接在一起，而無(wú)需修改原始數(shù)組。
arduinoCopy codeconst array1 = [1, 2];
const array2 = [3, 4];
const newArray = array1.concat(array2);
console.log(newArray); // Output: [1, 2, 3, 4]08、join()
將數(shù)組的所有元素連接成字符串 join() 方法使用指定的分隔符將數(shù)組的所有元素連接成字符串。此方法可用于從數(shù)組創(chuàng)建字符串。
const array = [1, 2, 3]; const string = array.join("-"); console.log(string); // Output: "1-2-3"09、indexOf()
返回?cái)?shù)組中指定元素第一次出現(xiàn)的索引 indexOf() 方法返回?cái)?shù)組中指定元素第一次出現(xiàn)的索引。如果未找到該元素，則此方法返回 -1。
const array = [1, 2, 3]; const index = array.indexOf(2); console.log(index); // Output: 110、lastIndexOf()
返回?cái)?shù)組中最后一次出現(xiàn)的指定元素的索引 lastIndexOf() 方法返回?cái)?shù)組中最后一次出現(xiàn)的指定元素的索引。如果未找到該元素，則此方法返回 -1。
const array = [1, 2, 3, 2]; const index = array.lastIndexOf(2); console.log(index); // Output: 311、forEach()
對(duì)數(shù)組中的每個(gè)元素執(zhí)行一次提供的函數(shù) forEach() 方法對(duì)數(shù)組中的每個(gè)元素執(zhí)行一次提供的函數(shù)。該方法可用于對(duì)數(shù)組的每個(gè)元素執(zhí)行操作。
const array = [1, 2, 3]; array.forEach((element) => { console.log(element); }); // Output: // 1 // 2 // 312、map()
創(chuàng)建一個(gè)新數(shù)組，其中包含對(duì)數(shù)組中每個(gè)元素調(diào)用提供的函數(shù)的結(jié)果。map() 方法創(chuàng)建一個(gè)新數(shù)組，其中包含對(duì)數(shù)組中每個(gè)元素調(diào)用提供的函數(shù)的結(jié)果。該方法可用于在原始數(shù)組的基礎(chǔ)上創(chuàng)建一個(gè)新數(shù)組。
const array = [1, 2, 3]; const newArray = array.map((element) => { return element * 2; }); console.log(newArray); // Output: [2, 4, 6]13、filter()
創(chuàng)建一個(gè)新數(shù)組，其中包含通過(guò)所提供函數(shù)指定的測(cè)試的所有元素。filter() 方法創(chuàng)建一個(gè)新數(shù)組，其中包含通過(guò)所提供函數(shù)指定的測(cè)試的所有元素。此方法可用于根據(jù)條件創(chuàng)建新數(shù)組。
const array = [1, 2, 3]; const newArray = array.filter((element) => { return element > 1; }); console.log(newArray); // Output: [2, 3]14、reduce()
對(duì)數(shù)組的每個(gè)元素執(zhí)行提供的函數(shù)并返回單個(gè)值。reduce() 方法對(duì)數(shù)組的每個(gè)元素執(zhí)行提供的函數(shù)并返回單個(gè)值。此方法可用于對(duì)數(shù)組的所有元素執(zhí)行操作并返回單個(gè)值。
const array = [1, 2, 3]; const sum = array.reduce((accumulator, currentValue) => { return accumulator + currentValue; }, 0); console.log(sum); // Output: 615、sort()
對(duì)數(shù)組的元素就地排序 sort() 方法對(duì)數(shù)組的元素就地排序。此方法可用于按升序或降序?qū)?shù)組進(jìn)行排序。
const array = [3, 2, 1];
array.sort();
console.log(array); // Output: [1, 2, 3]結(jié)論
在今天的文章中，我們介紹了15 個(gè)開(kāi)發(fā)者必須知道的 JavaScript 數(shù)組方法。這些方法對(duì)于在 JavaScript 中使用數(shù)組至關(guān)重要，并且可以極大地簡(jiǎn)化您的代碼。
通過(guò)使用這些方法，您可以對(duì)數(shù)組執(zhí)行各種操作，例如添加、刪除、排序和過(guò)濾元素。無(wú)論您是初學(xué)者還是經(jīng)驗(yàn)豐富的開(kāi)發(fā)人員，掌握這些數(shù)組方法都將使您的生活更輕松，代碼更高效。
當(dāng)前標(biāo)題：15個(gè)必須了解的Javascript數(shù)組方法
文章地址：http://www.5511xx.com/article/cosddji.html
