。流行音乐()
pop()方法从数组中删除了最后一个元素。
let arr = [“Apple”, “Amazon”, “Flipkart”, “Walmart”];arr.pop();
Output:
["Apple", "Amazon", "Flipkart"]
。转移 ()
shift()方法删除了第一个数组元素,并将所有其他元素移至较低的索引。
let arr = [“Apple”, “Amazon”, “Flipkart”];arr.shift();
Output:
["Amazon", "Flipkart"]
。 unshift()
unshift()方法在数组的开头添加了一个新元素,并取消换档较旧的元素。
let arr = [“Amazon”, “Flipkart”];arr.unshift("Apple");
Output:
["Apple", "Amazon", "Flipkart"]
。种类()
sort()方法仅适用于字符串类型和按上升顺序排序的数组项。
const stringArray = ['f', 'z', 'd', 'x', 'a'];
const numberArray = [5, 9, 1, 19, 56];
Output:
stringArray.sort() // ["a", "d", "f", "x", "z"]
numberArray.sort() // [1, 19, 5, 56, 9]
。地图( )
这是我所知的有用数组方法之一。它的作用是,此方法通过数组迭代,并从原始数组中创建一个新的值数组。如果理解令人困惑,请想象有一个名为“汽车”的阵列。它具有一个钥匙,价值对品牌和模型。使用下面的代码,您可以理解我在说什么。
const cars = [{ brand: "Toyota", model: "axio" },{ brand: "Nissan", model: "GTR R35" },];const carBrands = cars.map((car) => {return car.brand;});console.log(carBrands);// expected output: Array ["Toyota", "Nissan"]
我想您现在有了一个映射()方法的工作方式。让我们进入下一个方法。
。撤销 ()
反向()方法逆转数组中元素的顺序。
let arr = ["Apple", "Amazon", "Google", "Walmart"];arr.reverse();
Output:
["Walmart", "Google", "Amazon", "Apple"]
。筛选( )
此方法看起来与Map()方法相似。但是,使用此功能,您可以提供条件/条件,并且它将返回一个新数组,该数组落在给定条件/条件下。查看以下代码段,您可以了解过滤器()方法的行为。
const names = ["James", "Freddie", "Johnson", "Nelson", "Jenny", "George"];const result = names.filter((name) => {
return name.length > 6;
});console.log(result);// expected output: Array ["Freddie", "Johnson"]
上面代码段中发生的情况是它在“名称”的条件下滤除了名称数组。长度> 6。因此,在该方法内部,它检查每个值并返回满足给定条件的值。很简单,对吗?让我们继续前进。
。 copywithin()
此方法将数组元素复制到数组中的另一个位置,覆盖现有值。
此方法永远不会在数组中添加更多项目。
const numbers = [1,2,3,4];
const numbersCopy = numbers.copyWithin(2,0);
Output:
console.log(numbersCopy); // [1,2,1,2];
。 foreach()
我确定您知道for循环。如果我说这是最简单的循环类型,我认为您在了解这种方法后会同意我的观点。因此,看看给定的代码片段。
const array = ["a", "b", "c"];array.forEach((element) => console.log(element));
Output:
// expected output: "a"
// expected output: "b"
// expected output: "c"
使用foreach()方法时,它对每个数组元素执行一次提供的函数。
。寻找( )
使用此方法,您可以在数组中找到一个对象。它还以一个给定名称作为参数的单个函数。我们要做的就是我们有一个真实或错误的陈述,它返回了第一个项目的真实陈述。查看以下代码段
const cars = [{ brand: "Toyota", model: "axio" },{ brand: "Nissan", model: "GTR R35" },];
const carBrands = cars.find((car) => {return car.brand === "Nissan";});
console.log(carBrands);// expected output: Object { brand: "Nissan", model: "GTR R35" }
我认为您现在对Find()方法有一个清晰的想法。但是有一件事要记住。如果有一个键,则具有相同的键或值的值对,则此方法并不是返回所有对象。它仅返回真实的对象。
。每一个( )
使用此方法,您可以检查具有某种条件的数组。这意味着您可以提供条件,并且每个()方法检查以确保每个项目都属于此。然后结果,它返回真或错误。
const books = [{ name: "book 01", price: 500 },{ name: "book 02", price: 100 },{ name: "book 03", price: 400 },{ name: "book 04", price: 700 },{ name: "book 05", price: 200 },{ name: "book 06", price: 600 },];const hasCheaperBooks = books.every((book) => {return book.price <= 400;});console.log(hasCheaperBooks);//expected output: false
作为方法的名称,这会检查满足给定条件的每个项目。由于有大于400的书籍,因此此方法将返回false作为输出。下一个数组方法与此方法非常相似。所以,让我们看看这一切。
。 slice()
您可以使用slice()删除元素,而无需在数组中留下孔。
第一个参数定义了应添加新元素的位置。
第二个参数定义了应删除多少元素。
let arr = ["Apple", "Amazon", "Google", "Walmart"];arr.splice(1,1);
Output:
["Apple", "Google", "Walmart"]
。一些( )
在每个()方法中,它都会检查满足给定条件的每个项目,并返回真或错误。当涉及到某些()方法时,作为方法的名称,它检查了数组中的某些项目是否满足给定条件并返回true或false。查看我们在每个()函数中使用的相同示例,并查看其在某些()方法方面的变化。
const books = [{ name: "book 01", price: 500 },{ name: "book 02", price: 100 },{ name: "book 03", price: 400 },{ name: "book 04", price: 700" },{ name: "book 05", price: 200 },{ name: "book 06", price: 600 },];const hasCheaperBooks = books.some((book) => {return book.price <= 400;});console.log(hasCheaperBooks);//expected output: true
该示例的输出是正确的,因为它的书籍确实小于或等于400。简单地说,它只是检查数组即可查看数组中的任何内容是否返回给定条件的true。如果确实如此,整个事情将返回true。
。减少( )
此方法与所有其他方法有所不同,因为它实际上在数组上进行了一些操作并返回所有这些不同操作的组合。您可能会发现这种方法有点混乱,因为我会以最简单的方式解释。
。 realding()方法采用一个函数,并且具有两个参数。第一是上一个值。第二个是电流值。最后,该方法的末端有初始值。查看以下代码段,您将理解这种令人困惑的解释。
const books = [{ name: "book 01", price: 500 },{ name: "book 02", price: 100 },{ name: "book 03", price: 400 },{ name: "book 04", price: 700 },{ name: "book 05", price: 200 },{ name: "book 06", price: 600 },];const total = books.reduce((currentTotal, book) => {return book.price + currentTotal;}, 0);console.log(total);//expected output: 2500
您可以看到电流的初始值为0。在第1次迭代中,将添加500个。然后,电流量为500。就像它将运行到阵列的末尾。然后将最终输出返回为2500。
。剪接()
splice()方法可用于将新项目(一个或多个)添加到数组中。
第一个参数定义了应添加新元素的位置。
第二个参数定义了应删除多少元素。
其余参数定义要添加的新元素。
此方法返回带有已删除项目的数组。
let arr = [“Apple”, “Amazon”, “Flipkart”, “Walmart”];arr.splice(2, 1, "Google");
Output:
["Apple", "Amazon", "Google", "Walmart"]
。包括()
include()方法确定给定数组是否在其条目中包含一定值,返回正确或错误。这与我之前在本文前面提到的所有方法都不相似。这没有函数,它需要一个参数。参考代码段,您可以理解使用Inclups()方法时会发生什么。
const array = [1, 2, 3];console.log(array.includes(3));
// expected output: trueconst pets = ['cat', 'dog', 'parrot'];console.log(pets.includes('dog'));
// expected output: trueconsole.log(pets.includes('pig'));
// expected output: false
我认为代码段描述了include()方法的行为,因为它比以前描述的方法容易。
。 FindIndex()
此方法在通过条件的数组中返回元素的索引。它对数组中存在的每个元素执行一次函数。
如果条件失败,它只会返回-1。
const numbers = [1,2,3,4];
const indexFound = numbers.findIndex(element => element === 3);
numbers.findIndex(element => element === 5);
Output:
console.log(indexFound); //2const indexNotFound
console.log(indexNotFound); // -1
。加入 ()
join()方法将数组作为字符串返回。它不会更改原始数组。我们可以指定任何分离器。否则,默认值为逗号(,)。
let arr = [“Apple”, “Amazon”, “Flipkart”, “Walmart”];let str = arr.join("-");
Output:
Apple-Amazon-Flipkart-Walmart
。 concat()
Concat()方法通过合并现有数组来创建一个新数组。
let arr = [“Apple”, “Amazon”, “Flipkart”];arr.concat("Walmart");
Output:
["Apple", "Amazon", "Flipkart", "Walmart"]
Thank you for keep reading.