ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ ﺭﺍﺮﮑﺗ

فهرست مطالب

ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺵﺯﻮﻣﺁ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯽﻓﺮﻌﻣ
ﻪﺑ ﺎﺠﮐ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯽﺟﻭﺮﺧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﯿﻧﺎﯿﺑ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻮﺤﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺕﺍﺮﻈﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫﺮﯿﻐﺘﻣ
ﺪﯿﻫﺩ ﻩﺯﺎﺟﺍ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﻨﯾﺰﻫ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫﺭﻮﺗﺍﺮﭘﺍ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺕﺎﺒﺳﺎﺤﻣ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺺﯿﺼﺨﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺩﺍﺩ ﻉﺍﻮﻧﺍ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻊﺑﺍﻮﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ءﺎﯿﺷﺍ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫﺩﺍﺪﯾﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﺘﺷﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﺘﺷﺭ ﯼﺎﻫ ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﺘﺷﺭ ﯼﻮﺠﺘﺴﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺐﻟﺎﻗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺩﺍﺪﻋﺍ
BigInt ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺭﺎﻤﺷ ﯼﺎﻫ ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺭﺎﻤﺷ ﯼﺎﻫ ﯽﮔﮋﯾﻭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﯾﺍﺭﺁ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ ﯼﺎﻫ ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ ﯼﺯﺎﺳ ﺐﺗﺮﻣ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ ﺭﺍﺮﮑﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﻨﯾﺰﻫ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺦﯾﺭﺎﺗ ءﺎﯿﺷﺍ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺦﯾﺭﺎﺗ ﯼﺎﻫ ﺖﻣﺮﻓ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺦﯾﺭﺎﺗ ﯼﺎﻫ ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺦﯾﺭﺎﺗ ﻢﯿﻈﻨﺗ ﯼﺎﻫ ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯽﺿﺎﯾﺭ ءﯽﺷ
ﯽﻓﺩﺎﺼﺗ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻦﯿﻟﻮﺑ
ﯽﻘﻄﻨﻣ ﯼﺎﻫﺮﮕﻠﻤﻋ ﻭ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﺴﯾﺎﻘﻣ
ﺮﮔﺍ ﺕﺭﻮﺻ ﻦﯾﺍ ﺮﯿﻏ ﺭﺩ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﭻﯿﺋﻮﺳ ﻪﯿﻧﺎﯿﺑ
ﻪﻘﻠﺣ ﯼﺍﺮﺑ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
In ﯼﺍﺮﺑ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
Of ﯼﺍﺮﺑ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
JavaScript while Loop
ﺪﯿﻫﺩ ﻪﻣﺍﺩﺍ ﻭ ﻪﺘﺴﮑﺷ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫﺭﺍﺮﮑﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﻋﻮﻤﺠﻣ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﺸﻘﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻉﻮﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻉﻮﻧ ﻞﯾﺪﺒﺗ
ﯽﺘﯿﺑ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
RegExp ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯽﺷ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺭﻮﺗﺍﺮﭘﺍ ﺖﯾﻮﻟﻭﺍ
ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ Catch Throw ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫﺎﻄﺧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺩﻭﺪﺤﻣ
Hoisting ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
"ﺖﺨﺳ ﻩﺩﺎﻔﺘﺳﺍ" ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺪﯿﻨﮐ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺍﺭ ﻦﯾﺍ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻥﺎﮑﯿﭘ ﻊﺑﺎﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﺱﻼﮐ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻝﻭﮊﺎﻣ
JSON ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯽﯾﺍﺩﺯ ﻝﺎﮑﺷﺍ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﮏﺒﺳ ﯼﺎﻤﻨﻫﺍﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﺵﻭﺭ ﻦﯾﺮﺘﻬﺑ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺕﺎﻫﺎﺒﺘﺷﺍ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺩﺮﮑﻠﻤﻋ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺪﺷ ﻭﺭﺯﺭ ﺕﺎﻤﻠﮐ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﺨﺴﻧ
ES5 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ES6 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ECMAScript 2016 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ECMAScript 2017 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ECMAScript 2018 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ES2019 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ECMAScript 2020 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ECMAScript 2021 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
JavaScript IE & Edge
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﭽﺨﯾﺭﺎﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ءﺎﯿﺷﺍ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﯽﮔﮋﯾﻭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺶﯾﺎﻤﻧ ءﺎﯿﺷﺍ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯽﺒﻧﺎﺟ ﻡﺯﺍﻮﻟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻥﺎﮔﺪﻧﺯﺎﺳ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯿﻟﻭﺍ ﯼﺎﻫ ﻪﻧﻮﻤﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫﺭﺍﺮﮑﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﻋﻮﻤﺠﻣ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﺸﻘﻧ
ES5 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯽﺷ ﯼﺎﻫ ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻊﺑﺍﻮﺗ ﻒﯾﺭﺎﻌﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻊﺑﺎﺗ ﯼﺎﻫﺮﺘﻣﺍﺭﺎﭘ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻊﺑﺎﺗ ﯽﻧﺍﻮﺧﺍﺮﻓ
() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻊﺑﺎﺗ ﯽﻧﺍﻮﺧﺍﺮﻓ ﺵﻭﺭ
ﺪﺘﻣ() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻊﺑﺎﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻊﺑﺎﺗ()bind ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺩﺮﮑﻠﻤﻋ ﻥﺪﺷ ﻪﺘﺴﺑ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﺱﻼﮐ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺱﻼﮐ ﺖﺛﺍﺭﻭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﮏﯿﺗﺎﺘﺳﺍ ﯼﺎﻫ ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﺱﺎﻤﺗ
ﻥﺎﻣﺰﻤﻫﺎﻧ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻩﺪﻋﻭ
ﻡﺎﮕﻤﻫ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
HTML DOM ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
DOM ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﺵﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ DOM ﺪﻨﺳ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ DOM ﺮﺻﺎﻨﻋ
DOM HTML ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻡﺮﻓ ﯽﺠﻨﺳ ﺭﺎﺒﺘﻋﺍ
DOM CSS ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
DOM Animate ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
DOM ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫﺩﺍﺪﯾﻭﺭ
JavaScript DOM EventListener
DOM Navigation ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ DOM ﯼﺎﻫ ﻩﺮﮔ
DOM ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﻋﻮﻤﺠﻣ
DOM Nodelist ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺮﺠﻨﭘ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺮﺠﻨﭘ ﻪﺤﻔﺻ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺮﺠﻨﭘ ﻥﺎﮑﻣ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺮﺠﻨﭘ ﻪﭽﺨﯾﺭﺎﺗ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻩﺮﺠﻨﭘ ﺮﺑﻭﺎﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﭖﺁ ﭖﺎﭘ ﯼﺎﻫ ﻪﺒﻌﺟ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺪﻨﺑ ﻥﺎﻣﺯ ﯼﺎﻫﺩﺍﺪﯾﻭﺭ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﯽﮐﻮﮐ
API ﺏﻭ ﯼﺎﻫ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻡﺮﻓ ﯽﺠﻨﺳ ﺭﺎﺒﺘﻋﺍ
Web History API
Web Storage API
Web Workers API
JavaScript Fetch API
API ﯽﯾﺎﯿﻓﺍﺮﻐﺟ ﻥﺎﮑﻣ
AJAX ﯽﻓﺮﻌﻣ
AJAX ﯽﺷ XMLHttpRequest
AJAX XMLHttpRequest
AJAX XMLHttpRequest ﺭﻭﺮﺳ ﺦﺳﺎﭘ
AJAX XML
AJAX PHP
AJAX ASP
AJAX ﻩﺩﺍﺩ ﻩﺎﮕﯾﺎﭘ
XML ﯼﺩﺮﺑﺭﺎﮐ ﯼﺎﻫ ﻪﻣﺎﻧﺮﺑ
AJAX ﯼﺎﻫ ﻪﻧﻮﻤﻧ
JSON ﻪﻣﺪﻘﻣ
JSON ﺭﻮﺘﺳﺩ
JSON ﻞﺑﺎﻘﻣ ﺭﺩ XML
JSON ﯼﺎﻫ ﻩﺩﺍﺩ ﻉﺍﻮﻧﺍ
JSON.parse()
JSON.stringify()
JSON Literals
JSON ﯼﺎﻫ ﻪﯾﺍﺭﺁ
JSON ﺭﻭﺮﺳ
JSON PHP
JSON HTML
JSONP
ﯼﺮﺋﻮﮐ ﯽﺟ ﯼﺎﻫﺮﮕﺑﺎﺨﺘﻧﺍ
HTML jQuery ﺮﺻﺎﻨﻋ
ﯼﺮﺋﻮﮐ ﯽﺟ CSS ﯼﺎﻫ ﮏﺒﺳ
jQuery DOM
HTML ﮏﯿﻓﺍﺮﮔ
HTML ﻡﻮﺑ
Plotly.js
Chart.js
ﻞﮔﻮﮔ ﺭﺍﺩﻮﻤﻧ
D3.js
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﻧﻮﻤﻧ
HTML DOM ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫ ﻪﻧﻮﻤﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ HTML ﯼﺩﻭﺭﻭ ﯼﺎﻫ ﻪﻧﻮﻤﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ HTML ءﺎﯿﺷﺍ ﯼﺎﻫﻪﻧﻮﻤﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﯼﺎﻫﺩﺍﺪﯾﻭﺭ ﺯﺍ ﯽﯾﺎﻫﻪﻧﻮﻤﻧ
ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﺮﮔﺭﻭﺮﻣ ﯽﺷ ﯼﺎﻫﻪﻧﻮﻤﻧ
نمایش فهرست مطالب

.ﺪﻨﻨﮐ ﯽﻣ ﻞﻤﻋ ﯼﺍ ﻪﯾﺍﺭﺁ ﻢﺘﯾﺁ ﺮﻫ ﯼﻭﺭ ﻪﯾﺍﺭﺁ ﺭﺍﺮﮑﺗ ﯼﺎﻫ ﺵﻭﺭ

forEach() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.ﺪﻨﮐ ﯽﻣ ﯽﻧﺍﻮﺧﺍﺮﻓ ﺍﺭ (ﺱﺎﻤﺗ ﻪﺑ ﺦﺳﺎﭘ ﻊﺑﺎﺗ ﮏﯾ) ﻊﺑﺎﺗ ﮏﯾ ﺭﺎﺑ ﮏﯾ ﻪﯾﺍﺭﺁ ﺮﺼﻨﻋ ﺮﻫ ﯼﺍﺮﺑ forEach()

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);

function myFunction(value, index, array) {
   
txt += value + "<br>";
}

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The forEach() Method</h2>

<p>Call a function once for each array element:</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];

let txt = "";
numbers.forEach(myFunction);
document.getElementById("demo").innerHTML = txt;

function myFunction(value, index, array) {
  txt += value + "<br>"; 
}
</script>

</body>
</html>

:ﺩﺮﯿﮔ ﯽﻣ ﻥﺎﻣﻮﮔﺭﺁ 3 ﻊﺑﺎﺗ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ

• ﺩﺭﻮﻣ ﺵﺯﺭﺍ

• ﻢﺘﯾﺁ ﺺﺧﺎﺷ

• ﻪﯾﺍﺭﺁ ﺩﻮﺧ

ﺩﺮﮐ ﯽﺴﯾﻮﻧﺯﺎﺑ ﻥﺍﻮﺗ ﯽﻣ ﺍﺭ ﻝﺎﺜﻣ .ﺪﻨﮐ ﯽﻣ ﻩﺩﺎﻔﺘﺳﺍ ﺭﺍﺪﻘﻣ ﺮﺘﻣﺍﺭﺎﭘ ﺯﺍ ﻂﻘﻓ ﻻﺎﺑ ﻝﺎﺜﻣ

const numbers = [45, 4, 9, 16, 25];
let txt = "";
numbers.forEach(myFunction);

function myFunction(value) {
   
txt += value + "<br>"; 
}

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The forEach() Method</h2>

<p>Call a function once for each array element:</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];

let txt = "";
numbers.forEach(myFunction);
document.getElementById("demo").innerHTML = txt;

function myFunction(value) {
  txt += value + "<br>"; 
}
</script>

</body>
</html>

map() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.ﺪﻨﮐ ﯽﻣ ﺩﺎﺠﯾﺍ ﻪﯾﺍﺭﺁ ﺮﺼﻨﻋ ﺮﻫ ﯼﻭﺭ ﻊﺑﺎﺗ ﮏﯾ ﻡﺎﺠﻧﺍ ﺎﺑ ﺪﯾﺪﺟ ﻪﯾﺍﺭﺁ ﮏﯾ map() ﺵﻭﺭ

ﺪﻨﮐ ﯽﻤﻧ ﺍﺮﺟﺍ ﺍﺭ ﻪﯾﺍﺭﺁ ﻊﺑﺎﺗ map() ﺵﻭﺭ

.ﺪﻫﺩ ﯽﻤﻧ ﺮﯿﯿﻐﺗ ﺍﺭ ﯽﻠﺻﺍ ﻪﯾﺍﺭﺁ map() ﺵﻭﺭ

:ﺪﻨﮐ ﯽﻣ ﺏﺮﺿ 2 ﺭﺩ ﺍﺭ ﻪﯾﺍﺭﺁ ﺮﻫ ﺭﺍﺪﻘﻣ ﻝﺎﺜﻣ ﻦﯾﺍ

const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
  
function myFunction(value, index, array) {
    return value * 2;
}

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The map() Method</h2>

<p>Create a new array by performing a function on each array element:</p>

<p id="demo"></p>

<script>
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

document.getElementById("demo").innerHTML = numbers2;

function myFunction(value, index, array) {
  return value * 2;
}
</script>

</body>
</html>

:ﺩﺮﯿﮔ ﯽﻣ ﻥﺎﻣﻮﮔﺭﺁ 3 ﻊﺑﺎﺗ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ

• ﺩﺭﻮﻣ ﺵﺯﺭﺍ

• ﻢﺘﯾﺁ ﺺﺧﺎﺷ

• ﻪﯾﺍﺭﺁ ﺩﻮﺧ

ﺪﻨﮐ ﯽﻣ ﻩﺩﺎﻔﺘﺳﺍ ﻪﯾﺍﺭﺁ ﻭ ﺺﺧﺎﺷ ،ﺭﺍﺪﻘﻣ ﺮﺘﻣﺍﺭﺎﭘ ﺯﺍ ﻂﻘﻓ ﺱﺎﻤﺗ ﻪﺑ ﺦﺳﺎﭘ ﻊﺑﺎﺗ ﮏﯾ ﻪﮐ ﯽﻣﺎﮕﻨﻫ

const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);
  
function myFunction(value) {
    return value * 2;
}

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The map() Method</h2>

<p>Create a new array by performing a function on each array element:</p>

<p id="demo"></p>

<script>
const numbers1 = [45, 4, 9, 16, 25];
const numbers2 = numbers1.map(myFunction);

document.getElementById("demo").innerHTML = numbers2;

function myFunction(value) {
  return value * 2;
}
</script>

</body>
</html>

flatMap() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

ES2019 ﺪﺘﻣ Array flatMap() ﺩﺮﮐ ﻪﻓﺎﺿﺍ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﺑ ﺍﺭ.

.ﺪﻨﮐ ﯽﻣ ﻢﯿﺳﺮﺗ ﺍﺭ ﻪﯾﺍﺭﺁ ﮏﯾ ﺮﺻﺎﻨﻋ ﻪﻤﻫ ﺍﺪﺘﺑﺍ flatMap() ﺵﻭﺭ

const myArr = [1, 2, 3, 4, 5, 6];
const newArr = myArr.flatMap((x) => x * 2);

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The flatMap() Method</h2>

<p id="demo"></p>

<script>
const myArr = [1, 2, 3, 4, 5,6];
const newArr = myArr.flatMap((x) => x * 2);
document.getElementById("demo").innerHTML = newArr;
</script>

</body>
</html>

ﺮﮔﺭﻭﺮﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ

:ﺩﻮﺷ ﯽﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ 2020 ﻪﯾﻮﻧﺍﮊ ﺯﺍ ﻥﺭﺪﻣ ﯼﺎﻫﺮﮔﺭﻭﺮﻣ ﻪﻤﻫ ﺭﺩ flatMap() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

filter() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.ﺩﺭﺍﺬﮔ ﯽﻣ ﺮﺳ ﺖﺸﭘ ﺖﯿﻘﻓﻮﻣ ﺎﺑ ﺍﺭ ﺶﯾﺎﻣﺯﺁ ﮏﯾ ﻪﮐ ﺪﻨﮐ ﯽﻣ ﺩﺎﺠﯾﺍ ﻪﯾﺍﺭﺁ ﺮﺻﺎﻨﻋ ﺎﺑ ﺪﯾﺪﺟ ﻪﯾﺍﺭﺁ ﮏﯾ filter

:ﺪﻨﮐ ﯽﻣ ﺩﺎﺠﯾﺍ 18 ﺯﺍ ﺮﺘﮔﺭﺰﺑ ﺭﺍﺪﻘﻣ ﺎﺑ ﺮﺻﺎﻨﻋ ﺯﺍ ﺪﯾﺪﺟ ﻪﯾﺍﺭﺁ ﮏﯾ ﻝﺎﺜﻣ ﻦﯾﺍ

const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);

function myFunction(value, index, array) {
  return value > 18;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The filter() Method</h2>

<p>Create a new array from all array elements that passes a test:</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);

document.getElementById("demo").innerHTML = over18;

function myFunction(value, index, array) {
  return value > 18;
}
</script>

</body>
</html>

:ﺩﺮﯿﮔ ﯽﻣ ﻥﺎﻣﻮﮔﺭﺁ 3 ﻊﺑﺎﺗ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ

• ﺩﺭﻮﻣ ﺵﺯﺭﺍ

• ﻢﺘﯾﺁ ﺺﺧﺎﺷ

• ﻪﯾﺍﺭﺁ ﺩﻮﺧ

ﺪﻨﮐ ﯽﻤﻧ ﻩﺩﺎﻔﺘﺳﺍ ﻪﯾﺍﺭﺁ ﻭ ﺺﺧﺎﺷ ﺯﺍ callback ﻊﺑﺎﺗ ،ﻻﺎﺑ ﻝﺎﺜﻣ ﺭﺩ

const numbers = [45, 4, 9, 16, 25];
const over18 = 
  numbers.filter(myFunction);
function myFunction(value) {
  return value > 18;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The filter() Method</h2>

<p>Create a new array with all array elements that passes a test.</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
const over18 = numbers.filter(myFunction);

document.getElementById("demo").innerHTML = over18;

function myFunction(value) {
  return value > 18;
}
</script>

</body>
</html>

reduce() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.(ﺪﻫﺩ ﺶﻫﺎﮐ ﻥﺁ ﻪﺑ) ﺪﻨﮐ ﺪﯿﻟﻮﺗ ﺪﺣﺍﻭ ﺭﺍﺪﻘﻣ ﮏﯾ ﺎﺗ ﺪﻨﮐ ﯽﻣ ﺍﺮﺟﺍ ﻪﯾﺍﺭﺁ ﺮﺼﻨﻋ ﺮﻫ ﯼﻭﺭ ﺍﺭ ﻊﺑﺎﺗ ﮏﯾ reduc

.ﺪﯿﻨﮐ ﻪﻌﺟﺍﺮﻣ reduceRight() ﻪﺑ ﻦﯿﻨﭽﻤﻫ .ﺪﻨﮐ ﯽﻣ ﺭﺎﮐ ﻪﯾﺍﺭﺁ ﺭﺩ ﺖﺳﺍﺭ ﻪﺑ ﭗﭼ ﺯﺍ

:ﺪﻨﮐ ﯽﻣ ﺍﺪﯿﭘ ﺍﺭ ﻪﯾﺍﺭﺁ ﮏﯾ ﺩﺍﺪﻋﺍ ﻡﺎﻤﺗ ﻉﻮﻤﺠﻣ ﻝﺎﺜﻣ ﻦﯾﺍ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
  
function myFunction(total, value, index, array) {
  
  return total + value;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduce() Method</h2>

<p>Find the sum of all numbers in an array:</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);

document.getElementById("demo").innerHTML = "The sum is " + sum;

function myFunction(total, value, index, array) {
  return total + value;
}
</script>

</body>
</html>

:ﺩﺮﯿﮔ ﯽﻣ ﻥﺎﻣﻮﮔﺭﺁ 4 ﻊﺑﺎﺗ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ

• (ﯽﻠﺒﻗ ﯽﺘﺸﮔﺮﺑ ﺭﺍﺪﻘﻣ/ﻪﯿﻟﻭﺍ ﺭﺍﺪﻘﻣ) ﻞﮐ

• ﺩﺭﻮﻣ ﺵﺯﺭﺍ

• ﻢﺘﯾﺁ ﺺﺧﺎﺷ

• ﻪﯾﺍﺭﺁ ﺩﻮﺧ

ﻪﺷﺎﺑ ﻪﻧﻮﺘﯿﻣ .ﺪﻨﮐ ﯽﻤﻧ ﻩﺩﺎﻔﺘﺳﺍ ﻪﯾﺍﺭﺁ ﻭ ﺺﺧﺎﺷ ﯼﺎﻫﺮﺘﻣﺍﺭﺎﭘ ﺯﺍ ﻻﺎﺑ ﻝﺎﺜﻣ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);
  
function myFunction(total, value) {
  
  return total + value;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduce() Method</h2>

<p>Find the sum of all numbers in an array:</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction);

document.getElementById("demo").innerHTML = "The sum is " + sum;

function myFunction(total, value) {
  return total + value;
}
</script>

</body>
</html>

:ﺩﺮﯾﺬﭙﺑ ﺍﺭ ﻪﯿﻟﻭﺍ ﺭﺍﺪﻘﻣ ﮏﯾ ﺪﻧﺍﻮﺗ ﯽﻣ reduce() ﺵﻭﺭ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction, 
  100);
  
function myFunction(total, value) {
  return total + value;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduce() Method</h2>

<p>Find the sum of all numbers in an array:</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduce(myFunction, 100);

document.getElementById("demo").innerHTML = "The sum is " + sum;

function myFunction(total, value) {
  return total + value;
}
</script>

</body>
</html>

reduceRight() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.(ﺪﻫﺩ ﺶﻫﺎﮐ ﻥﺁ ﻪﺑ ﺍﺭ ﻥﺁ) ﺪﻨﮐ ﺪﯿﻟﻮﺗ ﺪﺣﺍﻭ ﺭﺍﺪﻘﻣ ﮏﯾ ﺎﺗ ﺪﻨﮐ ﯽﻣ ﺍﺮﺟﺍ ﻪﯾﺍﺭﺁ ﺮﺼﻨﻋ ﺮﻫ ﯼﻭﺭ ﺍﺭ ﻊﺑﺎﺗ ﮏﯾ

reduceRight() ﻪﺑ ﻦﯿﻨﭽﻤﻫ .ﺪﻨﮐ ﯽﻣ ﺭﺎﮐ ﻪﯾﺍﺭﺁ ﺭﺩ ﭗﭼ ﻪﺑ ﺖﺳﺍﺭ ﺯﺍ

:ﺪﻨﮐ ﯽﻣ ﺍﺪﯿﭘ ﺍﺭ ﻪﯾﺍﺭﺁ ﮏﯾ ﺩﺍﺪﻋﺍ ﻡﺎﻤﺗ ﻉﻮﻤﺠﻣ ﻝﺎﺜﻣ ﻦﯾﺍ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduceRight(myFunction);
  
function myFunction(total, value, index, array) {
  
  return total + value;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduceRight() Method</h2>

<p>Find the sum of all numbers in an array:</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduceRight(myFunction);

document.getElementById("demo").innerHTML = "The sum is " + sum;

function myFunction(total, value, index, array) {
  return total + value;
}
</script>

</body>
</html>

:ﺩﺮﯿﮔ ﯽﻣ ﻥﺎﻣﻮﮔﺭﺁ 4 ﻊﺑﺎﺗ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ

• (ﯽﻠﺒﻗ ﯽﺘﺸﮔﺮﺑ ﺭﺍﺪﻘﻣ/ﻪﯿﻟﻭﺍ ﺭﺍﺪﻘﻣ) ﻞﮐ

• ﺩﺭﻮﻣ ﺵﺯﺭﺍ

• ﻢﺘﯾﺁ ﺺﺧﺎﺷ

• ﻪﯾﺍﺭﺁ ﺩﻮﺧ

ﻪﺷﺎﺑ ﻪﻧﻮﺘﯿﻣ .ﺪﻨﮐ ﯽﻤﻧ ﻩﺩﺎﻔﺘﺳﺍ ﻪﯾﺍﺭﺁ ﻭ ﺺﺧﺎﺷ ﯼﺎﻫﺮﺘﻣﺍﺭﺎﭘ ﺯﺍ ﻻﺎﺑ ﻝﺎﺜﻣ

const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduceRight(myFunction);
  
function myFunction(total, value) {
  return total + value;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The reduceRight() Method</h2>

<p>Find the sum of all numbers in an array:</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
let sum = numbers.reduceRight(myFunction);

document.getElementById("demo").innerHTML = "The sum is " + sum;

function myFunction(total, value) {
  return total + value;
}
</script>

</body>
</html>

every() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.ﺮﯿﺧ ﺎﯾ ﺪﻨﻨﮐﯽﻣ ﺭﻮﺒﻋ ﻥﻮﻣﺯﺁ ﺯﺍ ﻪﯾﺍﺭﺁ ﺮﯾﺩﺎﻘﻣ ﻪﻤﻫ ﺎﯾﺁ ﻪﮐ ﺪﻨﮐﯽﻣ ﯽﺳﺭﺮﺑ every() ﺵ

:ﺪﻨﺘﺴﻫ 18 ﺯﺍ ﺮﺘﮔﺭﺰﺑ ﻪﯾﺍﺭﺁ ﺮﯾﺩﺎﻘﻣ ﻪﻤﻫ ﺎﯾﺁ ﻪﮐ ﺪﻨﮐ ﯽﻣ ﯽﺳﺭﺮﺑ ﻝﺎﺜﻣ ﻦﯾﺍ

const numbers = [45, 4, 9, 16, 25];
let allOver18 = 
  numbers.every(myFunction);
function myFunction(value, index, array) {
    return 
  value > 18;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The every() Method</h2>

<p>The every() method checks if all array values pass a test.</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
let allOver18 = numbers.every(myFunction);

document.getElementById("demo").innerHTML = "All over 18 is " + allOver18;

function myFunction(value, index, array) {
  return value > 18;
}
</script>

</body>
</html>

:ﺩﺮﯿﮔ ﯽﻣ ﻥﺎﻣﻮﮔﺭﺁ 3 ﻊﺑﺎﺗ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ

• ﺩﺭﻮﻣ ﺵﺯﺭﺍ

• ﻢﺘﯾﺁ ﺺﺧﺎﺷ

• ﻪﯾﺍﺭﺁ ﺩﻮﺧ

ﺪﻨﮐ ﯽﻣ ﻩﺩﺎﻔﺘﺳﺍ ﺮﮕﯾﺩ ﺮﺘﻣﺍﺭﺎﭘ ﺯﺍ ،(ﺭﺍﺪﻘﻣ) ﻝﻭﺍ ﺮﺘﻣﺍﺭﺎﭘ ﺯﺍ ﺎﻬﻨﺗ ﺱﺎﻤﺗ ﻪﺑ ﺦﺳﺎﭘ ﻊﺑﺎﺗ ﮏﯾ ﻪﮐ ﯽﻣﺎﮕﻨﻫ

const numbers = [45, 4, 9, 16, 25];
let allOver18 = 
  numbers.every(myFunction);
function myFunction(value) {
  return 
  value > 18;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The every() Method</h2>

<p>The every() method checks if all array values pass a test.</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
let allOver18 = numbers.every(myFunction);

document.getElementById("demo").innerHTML = "All over 18 is " + allOver18;

function myFunction(value) {
  return value > 18;
}
</script>

</body>
</html>

some() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.ﺮﯿﺧ ﺎﯾ ﺪﻨﻨﮐﯽﻣ ﺭﻮﺒﻋ ﻥﻮﻣﺯﺁ ﺯﺍ ﻪﯾﺍﺭﺁ ﺮﯾﺩﺎﻘﻣ ﺯﺍ ﯽﺧﺮﺑ ﺎﯾﺁ ﻪﮐ ﺪﻨﮐﯽﻣ ﯽﺳﺭﺮﺑ some()

:ﺪﻨﺘﺴﻫ 18 ﺯﺍ ﺮﺘﮔﺭﺰﺑ ﻪﯾﺍﺭﺁ ﺮﯾﺩﺎﻘﻣ ﺯﺍ ﯽﺧﺮﺑ ﺎﯾﺁ ﻪﮐ ﺪﻨﮐ ﯽﻣ ﯽﺳﺭﺮﺑ ﻝﺎﺜﻣ ﻦﯾﺍ

const numbers = [45, 4, 9, 16, 25];
let someOver18 = numbers.some(myFunction);
function myFunction(value, index, array) {
    return 
  value > 18;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The some() Method</h2>

<p>The some() method checks if some array values pass a test:</p>

<p id="demo"></p>

<script>
const numbers = [45, 4, 9, 16, 25];
let someOver18 = numbers.some(myFunction);

document.getElementById("demo").innerHTML = "Some over 18 is " + someOver18;

function myFunction(value, index, array) {
  return value > 18;
}
</script>

</body>
</html>

:ﺩﺮﯿﮔ ﯽﻣ ﻥﺎﻣﻮﮔﺭﺁ 3 ﻊﺑﺎﺗ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ

• ﺩﺭﻮﻣ ﺵﺯﺭﺍ

• ﻢﺘﯾﺁ ﺺﺧﺎﺷ

• ﻪﯾﺍﺭﺁ ﺩﻮﺧ

indexOf() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.ﺪﻧﺍﺩﺮﮔ ﯽﻣﺮﺑ ﺍﺭ ﻥﺁ ﺖﯿﻌﻗﻮﻣ ﻭ ﺪﻨﮐ ﯽﻣ ﻮﺠﺘﺴﺟ ﺮﺼﻨﻋ ﺭﺍﺪﻘﻣ ﮏﯾ ﯼﺍﺮﺑ ﺍﺭ ﻪﯾﺍﺭﺁ ﮏﯾ indexOf() ﺵﻭ

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The indexOf() Method</h2>

<p id="demo"></p>

<script>
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;

document.getElementById("demo").innerHTML = "Apple is found in position " + position;
</script>

</body>
</html>

ﻮﺤﻧ

array.indexOf(item, start)

item

ﺩﻮﺷ ﻮﺠﺘﺴﺟ ﺪﯾﺎﺑ ﻪﮐ ﯼﺩﺭﻮﻣ .ﯼﺭﻭﺮﺿ

start

.ﺪﻨﻨﮐ ﯽﻣ ﻮﺠﺘﺴﺟ ﺎﻬﺘﻧﺍ ﺎﺗ ﻭ ﺪﻨﻨﮐ ﯽﻣ ﺵﺭﺎﻤﺷ ﺎﻬﺘﻧﺍ ﺯﺍ ﻭ ﺪﻧﻮﺷ ﯽﻣ ﻉﻭﺮﺷ ﻩﺪﺷ ﻩﺩﺍﺩ ﺖﯿﻌﻗﻮﻣ ﺭﺩ ﯽﻔﻨﻣ ﺮﯾﺩﺎﻘﻣ ﻢﯿﻨﮐ ﻉﻭﺮﺷ ﺎﺠﮐ ﺯﺍ ﺍﺭ ﻮﺠ

Array.indexOf() ﯽﻣﺮﺑ ﺍﺭ 1- ﺪﺸﻧ ﺍﺪﯿﭘ ﺩﺭﻮﻣ ﺮﮔﺍﺪﻧﺍﺩﺮﮔ.

ﺪﻧﺍﺩﺮﮔﯽﻣﺮﺑ ﺍﺭ ﻝﻭﺍ ﺩﺭﻮﻣ ﺖﯿﻌﻗﻮﻣ ،ﺪﺷﺎﺑ ﻪﺘﺷﺍﺩ ﺩﻮﺟﻭ ﺭﺎﺑ ﮏﯾ ﺯﺍ ﺶﯿﺑ ﺩﺭﻮﻣ ﺮﮔﺍ

lastIndexOf() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

Array.lastIndexOf() ﻥﺎﻤﻫ Array.indexOf() ﺎﻣﺍ ،ﺖﺳﺍ

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The lastIndexOf() Method</h2>

<p id="demo"></p>

<script>
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;

document.getElementById("demo").innerHTML = "Apple is found in position " + position;
</script>

</body>
</html>

ﻮﺤﻧ

array.lastIndexOf(item, start)

item

ﺩﻮﺷ ﻮﺠﺘﺴﺟ ﺪﯾﺎﺑ ﻪﮐ ﯼﺩﺭﻮﻣ .ﯼﺭﻭﺮﺿ

start

ﺪﻨﻨﮐ ﯽﻣ ﻮﺠﺘﺴﺟ ﺍﺪﺘﺑﺍ ﺎﺗ ﻭ ﺪﻨﻨﮐ ﯽﻣ ﺵﺭﺎﻤﺷ ﺎﻬﺘﻧﺍ ﺯﺍ ﻭ ﺪﻧﻮﺷ ﯽﻣ ﻉﻭﺮﺷ ﻩﺪﺷ ﻩﺩﺍﺩ ﺖﯿﻌﻗﻮﻣ ﺭﺩ ﯽﻔﻨﻣ ﺮﯾﺩﺎﻘﻣ ﻢﯿﻨﮐ ﻉﻭﺮﺷ ﺎﺠﮐ ﺯﺍ ﺍﺭ ﻮﺠﺘ

find() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.ﺪﻧﺍﺩﺮﮔ ﯽﻣﺮﺑ ﺍﺭ ﯼﺍ ﻪﯾﺍﺭﺁ ﺮﺼﻨﻋ ﻦﯿﻟﻭﺍ ﺭﺍﺪﻘﻣ find() ﺪﺘﻣ

.(ﺪﻧﺍﺩﺮﮔ ﯽﻣﺮﺑ ﺍﺭ ﻥﺁ ﺭﺍﺪﻘﻣ) ﺪﻨﮐ ﯽﻣ ﺍﺪﯿﭘ ﺍﺭ ﺮﺘﮔﺭﺰﺑ ﺮﺼﻨﻋ ﻦﯿﻟﻭﺍ ﻝﺎﺜﻣ ﻦﯾﺍ

const numbers = [4, 9, 16, 25, 29];
let first = 
  numbers.find(myFunction);
function myFunction(value, index, array) {
  return 
  value > 18;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The find() Method</h2>

<p id="demo"></p>

<script>
const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);

document.getElementById("demo").innerHTML = "First number over 18 is " + first;

function myFunction(value, index, array) {
  return value > 18;
}
</script>

</body>
</html>

:ﺩﺮﯿﮔ ﯽﻣ ﻥﺎﻣﻮﮔﺭﺁ 3 ﻊﺑﺎﺗ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ

• ﺩﺭﻮﻣ ﺵﺯﺭﺍ

• ﻢﺘﯾﺁ ﺺﺧﺎﺷ

• ﻪﯾﺍﺭﺁ ﺩﻮﺧ

ﺮﮔﺭﻭﺮﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ

find() ﯽﮔﮋﯾﻭ ﮏﯾ ES6 (2015 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ) ﺖﺳﺍ.

:ﺩﻮﺷ ﯽﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ ﻥﺭﺪﻣ ﯼﺎﻫﺮﮔﺭﻭﺮﻣ ﻡﺎﻤﺗ ﺭﺩ

find() ﺩﻮﺷ ﯽﻤﻧ ﯽﻧﺎﺒﯿﺘﺸﭘ ﺭﺭﻮﻠﭙﺴﮐﺍ ﺖﻧﺮﺘﻨﯾﺍ ﺭﺩ.

findIndex() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.ﺪﻧﺍﺩﺮﮔ ﯽﻣﺮﺑ ﺍﺭ ﻪﯾﺍﺭﺁ ﺮﺼﻨﻋ ﻦﯿﻟﻭﺍ ﺲﮐﺪﻨﯾﺍ findIndex() ﺵﻭﺭ

:ﺪﻨﮐ ﯽﻣ ﺍﺪﯿﭘ ﺖﺳﺍ 18 ﺯﺍ ﺮﺘﮔﺭﺰﺑ ﻪﮐ ﺍﺭ ﺮﺼﻨﻋ ﻦﯿﻟﻭﺍ ﺺﺧﺎﺷ ﻝﺎﺜﻣ ﻦﯾﺍ

const numbers = [4, 9, 16, 25, 29];
let first = 
  numbers.findIndex(myFunction);
function myFunction(value, index, array) {
    return 
  value > 18;
} 

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The findIndex() Method</h2>

<p id="demo"></p>

<script>
const numbers = [4, 9, 16, 25, 29];

document.getElementById("demo").innerHTML = "First number over 18 has index " + numbers.findIndex(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}
</script>

</body>
</html>

:ﺩﺮﯿﮔ ﯽﻣ ﻥﺎﻣﻮﮔﺭﺁ 3 ﻊﺑﺎﺗ ﻪﮐ ﺪﯿﺷﺎﺑ ﻪﺘﺷﺍﺩ ﻪﺟﻮﺗ

• ﺩﺭﻮﻣ ﺵﺯﺭﺍ

• ﻢﺘﯾﺁ ﺺﺧﺎﺷ

• ﻪﯾﺍﺭﺁ ﺩﻮﺧ

ﺮﮔﺭﻭﺮﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ

findIndex() ﯽﮔﮋﯾﻭ ﮏﯾ ES6 (2015 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ) ﺖﺳﺍ.

:ﺩﻮﺷ ﯽﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ ﻥﺭﺪﻣ ﯼﺎﻫﺮﮔﺭﻭﺮﻣ ﻡﺎﻤﺗ ﺭﺩ

findIndex() ﯽﻤﻧ ﯽﻧﺎﺒﯿﺘﺸﭘ ﺭﺭﻮﻠﭙﺴﮐﺍ ﺖﻧﺮﺘﻨﯾﺍ ﺭﺩﺩﻮﺷ.

Array.from() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ

.ﺪﻧﺍﺩﺮﮔ ﯽﻣﺮﺑ ﻝﻮﻃ ﺎﺑ ﯽﺷ ﺮﻫ ﺯﺍ ﺍﺭ ﻪﯾﺍﺭﺁ ﯽﺷ ﮏﯾ Array.from() ﺪﺘﻣ

Array.from("ABCDEFG");

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The from() Method</h2>

<p>Return an array object from any object with a length property or any iterable object.</p>

<p id="demo"></p>

<script>
const myArr = Array.from("ABCDEFG");
document.getElementById("demo").innerHTML = myArr;
</script>

<p>The Array.from() method is not supported in Internet Explorer.</p>

</body>
</html>

ﺮﮔﺭﻭﺮﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ

from() ﯽﮔﮋﯾﻭ ﮏﯾ ES6 (2015 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ) ﺖﺳﺍ.

:ﺩﻮﺷ ﯽﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ ﻥﺭﺪﻣ ﯼﺎﻫﺮﮔﺭﻭﺮﻣ ﻡﺎﻤﺗ ﺭﺩ

from() ﺩﻮﺷ ﯽﻤﻧ ﯽﻧﺎﺒﯿﺘﺸﭘ ﺭﺭﻮﻠﭙﺴﮐﺍ ﺖﻧﺮﺘﻨﯾﺍ ﺭﺩ.

Keys() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

.ﺪﻧﺍﺩﺮﮔ ﯽﻣﺮﺑ ﻪﯾﺍﺭﺁ ﮏﯾ ﯼﺎﻫﺪﯿﻠﮐ ﺎﺑ ﺍﺭ Array Iterator ﯽﺷ ﮏﯾ Array.keys() ﺵﻭﺭ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();

for (let x of keys) {
  text += x + "<br>";
}

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The keys() Method</h2>

<p>Return an Array Iterator object with the keys of the array:</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const keys = fruits.keys();

let text = "";
for (let x of keys) {
  text += x + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>

<p>Array.keys() is not supported in Internet Explorer.</p>

</body>
</html>

ﺮﮔﺭﻭﺮﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ

keys() ﯽﮔﮋﯾﻭ ﮏﯾ ES6 (2015 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ) ﺖﺳﺍ.

:ﺩﻮﺷ ﯽﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ ﻥﺭﺪﻣ ﯼﺎﻫﺮﮔﺭﻭﺮﻣ ﻡﺎﻤﺗ ﺭﺩ

keys() ﯽﻤﻧ ﯽﻧﺎﺒﯿﺘﺸﭘ ﺭﺭﻮﻠﭙﺴﮐﺍ ﺖﻧﺮﺘﻨﯾﺍ ﺭﺩﺩﻮﺷ.

entries() ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

const fruits = ["Banana", "Orange", "Apple", "Mango"];
const f = fruits.entries();
for (let x of f) {
  document.getElementById("demo").innerHTML += x;
}

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arrays</h1>
<h2>The entries() method</h2>

<p>entries() returns an Array Iterator object with key/value pairs:</p>

<p id="demo"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
const f = fruits.entries();

for (let x of f) {
  document.getElementById("demo").innerHTML += x + "<br>";
}
</script>

<p>The entries() method is not supported in Internet Explorer 11 (or earlier).</p>

</body>
</html>

:ﺪﻧﺍﺩﺮﮔﯽﻣﺮﺑ ﺭﺍﺪﻘﻣ/ﺪﯿﻠﮐ ﯼﺎﻫﺖﻔﺟ ﺎﺑ ﺍﺭ Array Iterator ءﯽﺷ ﮏﯾ entries() ﺪﺘﻣ

["ﻪﺒﻧﺍ" ،3]
["ﺐﯿﺳ" ،2]
["ﯽﺠﻧﺭﺎﻧ" ،1]
["ﺯﻮﻣ" ،0]

.ﺪﻫﺩ ﯽﻤﻧ ﺮﯿﯿﻐﺗ ﺍﺭ ﯽﻠﺻﺍ ﻪﯾﺍﺭﺁ entries() ﺵﻭﺭ

ﺮﮔﺭﻭﺮﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ

entries() ﯽﮔﮋﯾﻭ ﮏﯾ ES6 (2015 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ) ﺖﺳﺍ.

:ﺩﻮﺷ ﯽﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ ﻥﺭﺪﻣ ﯼﺎﻫﺮﮔﺭﻭﺮﻣ ﻡﺎﻤﺗ ﺭﺩ

entries() ﺩﻮﺷ ﯽﻤﻧ ﯽﻧﺎﺒﯿﺘﺸﭘ ﺭﺭﻮﻠﭙﺴﮐﺍ ﺖﻧﺮﺘﻨﯾﺍ ﺭﺩ.

ﺖﺳﺍ ()ﻞﻣﺎﺷ ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ

ECMAScript 2016 Array.includes() ﺩﺮﮐ ﯽﻓﺮﻌﻣ ﺎﻫ ﻪﯾﺍﺭﺁ ﻪﺑ ﺍﺭ.

const fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.includes("Mango"); // is true

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The includes() Method</h2>

<p>Check if the fruit array contains "Mango":</p>

<p id="demo"></p>

<p><strong>Note:</strong> The includes method is not supported in Edge 13 (and earlier versions).</p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.includes("Mango");
</script>

</body>
</html>

ﻮﺤﻧ

array.includes(search-item)

ﺮﮔﺭﻭﺮﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ

includes() ﯽﮔﮋﯾﻭ ﮏﯾ ECMAScript 2016 ﺖﺳﺍ.

:ﺩﻮﺷ ﯽﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ ﻥﺭﺪﻣ ﯼﺎﻫﺮﮔﺭﻭﺮﻣ ﻡﺎﻤﺗ ﺭﺩ

includes() ﯽﻤﻧ ﯽﻧﺎﺒﯿﺘﺸﭘ ﺭﺭﻮﻠﭙﺴﮐﺍ ﺖﻧﺮﺘﻨﯾﺍ ﺭﺩﺩﻮﺷ.

(...) ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ ﻪﯾﺍﺭﺁ ﺵﺮﺘﺴﮔ

:ﺪﻫﺩ ﯽﻣ ﺵﺮﺘﺴﮔ ﯼﺮﺘﺸﯿﺑ ﺮﺻﺎﻨﻋ ﻪﺑ ﺍﺭ (ﻪﯾﺍﺭﺁ ﮏﯾ ﺪﻨﻧﺎﻣ) ﺮﯾﺬﭘ ﺭﺍﺮﮑﺗ ﮏﯾ ... ﺮﮕﻠﻤﻋ

const q1 = ["Jan", "Feb", "Mar"];
const q2 = ["Apr", "May", "Jun"];
const q3 = ["Jul", "Aug", "Sep"];
const q4 = ["Oct", "Nov", "May"];

const year = [...q1, ...q2, ...q3, ...q4];

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The ... Operator</h2>

<p>The "spread" operator spreads elements of iterable objects:</p>

<p id="demo"></p>

<script>
const q1 = ["Jan", "Feb", "Mar"];
const q2 = ["Apr", "May", "Jun"];
const q3 = ["Jul", "Aug", "Sep"];
const q4 = ["Oct", "Nov", "May"];

const year = [...q1, ...q2, ...q3, ...q4];
document.getElementById("demo").innerHTML = year; 
</script>

</body>
</html>

ﺮﮔﺭﻭﺮﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ

... ﯽﮔﮋﯾﻭ ﮏﯾ ES6 (2015 ﺖﭙﯾﺮﮑﺳﺍ ﺍﻭﺎﺟ) ﺖﺳﺍ.

:ﺩﻮﺷ ﯽﻣ ﯽﻧﺎﺒﯿﺘﺸﭘ ﻥﺭﺪﻣ ﯼﺎﻫﺮﮔﺭﻭﺮﻣ ﻡﺎﻤﺗ ﺭﺩ

... ﺩﻮﺷ ﯽﻤﻧ ﯽﻧﺎﺒﯿﺘﺸﭘ ﺭﺭﻮﻠﭙﺴﮐﺍ ﺖﻧﺮﺘﻨﯾﺍ ﺭﺩ.