配色: 字号:
JavaScript 数组方法大全
2023-09-12 | 阅:  转:  |  分享 
  
?数组过滤器filter() 方法创建一个新数组,其中包含通过所提供函数实现的测试的所有元素。stocks.filter(stock =>
stock.price < 1000) /-------------------------------------------
| Array.filter ------------------------------------------- | ?0
: {name: "Apple", price: 321.85} | ?1: {name: "Disney", price: 11
8.77} | ?2: {name: "Netflix", price: 425.92}/Array.mapmap() 方法创建
一个新数组,其中填充了对调用数组中每个元素调用所提供函数的结果。stocks.map(stock => [stock.name,
stock.price])/------------------------------------------- | Arra
y.map ------------------------------------------- | 0: (2) ["App
le", 321.85] | 1: (2) ["Tesla", 2471.04] | 2: (2) ["Disney", 118.
77] | 3: (2) ["Google", 1434.87] | 4: (2) ["Netflix", 425.92] /数
组查找find() 方法返回所提供数组中满足所提供测试函数的第一个元素的值。如果没有值满足测试函数,则返回 undefined。s
tocks.find(stock => stock.name === ''Tesla'')/--------------------
----------------------- | Array.find ---------------------------
---------------- | ?{name: "Tesla", price: 2471.04} /数组.somesome
() 方法测试数组中至少一个元素是否通过所提供函数实现的测试。如果在数组中找到所提供的函数返回 true 的元素,则返回 true
;否则返回 false。它不会修改数组。stocks.some(stock => stock.price < 1000)/---
---------------------------------------- | Array.some ----------
--------------------------------- | true /stocks.some(stock => s
tock.price < 10)/------------------------------------------- | A
rray.some ------------------------------------------- | false /
数组.everyevery() 方法测试数组中的所有元素是否通过所提供函数实现的测试。它返回一个布尔值。stocks.every(
stock => stock.price < 1000)/-----------------------------------
-------- | Array.every -----------------------------------------
-- | false /stocks.every(stock => stock.price < 2500)/---------
---------------------------------- | Array.every ---------------
---------------------------- | true /Array.forEachforEach() 方法为每
个数组元素执行一次提供的函数。stocks.forEach(stock => console.log(stock))/-----
-------------------------------------- | Array.forEach ---------
---------------------------------- | Outputs each item (stock obj
ect) from the array to the console | returns void (aka undefined)
/数组归约reduce() 方法对数组的每个元素执行(您提供的)reducer 函数,从而产生单个输出值。stocks.red
uce((total, stock) => total + stock.price, 0)/------------------
------------------------- | Array.reduce -----------------------
-------------------- | 4772.45 /let names = [''Apple'', ''Tesla'', ''
Disney'', ''Google'', ''Netflix'']数组.includesinclude() 方法确定数组的条目中是否包含某
个值,并根据需要返回 true 或 false。names.includes(''Apple'')/----------------
--------------------------- | Array.includes -------------------
------------------------ | true /names.includes(''Microsoft'')/--
----------------------------------------- | Array.includes -----
-------------------------------------- | false /Array.indexOfind
exOf() 方法返回在数组中可以找到给定元素的第一个索引,如果不存在则返回 -1。names.indexOf(''Tesla'')/
------------------------------------------- | Array.indexOf ---
---------------------------------------- | 1 /names = ?[''Apple'',
''Tesla'', ''Disney'', ''Google'', ''Netflix'', ''Tesla'']Array.lastIndexO
flastIndexOf() 方法返回在数组中可以找到给定元素的最后一个索引,如果不存在则返回 -1。从 fromIndex 开始
向后搜索数组。names.lastIndexOf(''Tesla'')/------------------------------
------------- | Array.lastIndexOf ------------------------------
------------- | 5 /数组排序sort() 方法对数组的元素进行就地排序并返回排序后的数组。默认排序顺序为升序,
基于将元素转换为字符串,然后比较它们的 UTF-16 代码单元值序列。排序的时间和空间复杂度无法保证,因为它取决于实现。names
.sort()/------------------------------------------- | Array.sort
------------------------------------------- | [''Apple, ''Disney''
, ''Google'', ''Netflix'', ''Tesla'', ''Tesla''] /数组切片slice() 方法将数组的一部分的
浅表副本返回到从开始到结束(不包括结束)选择的新数组对象中,其中开始和结束表示该数组中项目的索引。原始数组不会被修改。names.
slice(3)/------------------------------------------- | Array.sli
ce ------------------------------------------- | [''Netflix'', ''Te
sla'', ''Tesla''] | /数组连接join() 方法通过连接数组(或类似数组的对象)中的所有元素(用逗号或指定的分隔符
字符串分隔)来创建并返回一个新字符串。如果数组只有一项,则将返回该项而不使用分隔符。 names.join()/--------
----------------------------------- | Array.join ---------------
---------------------------- | "Apple,Disney,Google,Netflix,Tesla
,Tesla" / names.join('' - '')/-----------------------------------
-------- | Array.join ------------------------------------------
- | "Apple - Disney - Google - Netflix - Tesla - Tesla" /names.j
oin(''\\'')/------------------------------------------- | Array.jo
in ------------------------------------------- | "Apple\Disney\G
oogle\Netflix\Tesla\Tesla" /数组到字符串toString() 方法返回一个表示指定数组及其元素的字符
串。names.toString()/------------------------------------------- |
Array.toString ------------------------------------------- | "A
pple,Disney,Google,Netflix,Tesla,Tesla" /stocks = [ { name: ''App
le'', price: 321.85 }, { name: ''Tesla'', price: 2471.04 }, { name:
''Disney'', price: 118.77 }, { name: ''Google'', price: 1434.87 }, { name: ''Netflix'', price: 425.92 }]stocks.toString()/------------------------------------------- | Array.toString ------------------------------------------- | "[object Object],[object Object],[object Object],[object Object],[object Object]"" /?
献花(0)
+1
(本文系云端筑梦师A...原创)