ฝึกพูดภาษาอังกฤษด้วยเทคนิค Shadowing จากวิดีโอ: Array Map in 100 Seconds

กำลังสร้างบทเรียน...
1
ArrayMap.
2
Create a new array by calling a function on every element in a different array.
3
Imagine we have an array of squares.
4
We can call a function on every single one of those
5
squares using map to convert it to a new array of circles.
6
In other words, it's just a loop, where the goal of that loop is to create a new array.
7
In our code, let's start with an array of objects that contain some user data.
8
Our goal is to take this array of objects
9
and convert it to an array of strings that only contain the user names.
10
You could do this imperatively by creating a new empty array, then use a for loop to push each individual username to the new array.
11
Notice how we're using statements to change the app's state.
12
This is known as imperative programming.
13
Map on the other hand is declarative and describes how to create this new array using a function.
14
The new array is equal to the original array mapped to a function.
15
The function is passed as an argument to map, and it's called on every element in the original array.
16
The function has access to the current element in the loop as well as its index.
17
In the body of the function, your job is to compute a new value and then return it.
18
And we've now solved the same problem we did with the for loop, but with less code and without mutating the internal state.
19
If you're a ReactJS user, you'll often see Map used to take some initial data and then map it to JSX for the actual UI.
20
Or maybe you need these usernames to do something asynchronously like fetch additional data from the database.
21
You could do that by mapping them all to an array of promises, then running them concurrently with promise.all.
22
One anti-pattern to be aware of with map is
23
that you should only use it if you plan on using the new array.
24
If you just need to run a loop, consider for each, or a regular for loop instead.
25
This has been ArrayMap in 100 seconds, thanks for watching, and I will see you in the next one.
📺 ช่องเดียวกัน
10 very promising Open Source Projects you haven’t heard ofB2
1

10 very promising Open Source Projects you haven’t heard of

American Accent, en-USUniversity Students+2
7 Programming myths that waste your timeB2
1

7 Programming myths that waste your time

American Accent, en-USUniversity Students+2
The plan to break apart Google... RIP ChromeC1
5

The plan to break apart Google... RIP Chrome

American Accent, en-USUniversity Students+3
DHH has gone completely off the rails...C1
1

DHH has gone completely off the rails...

American Accent, en-USUniversity Students+2
DNS Explained in 100 SecondsC1
2

DNS Explained in 100 Seconds

American Accent, en-USUniversity Students+2
Anthropic begged the world to stop AI… then shipped thisB2
3

Anthropic begged the world to stop AI… then shipped this

American Accent, en-USUniversity Students+2
One man just liberated Fable... and now it’s illegalB2
2

One man just liberated Fable... and now it’s illegal

American Accent, en-USUniversity Students+2
7 Things No Programmer Ever Wants to HearB2
2

7 Things No Programmer Ever Wants to Hear

American Accent, en-USBusiness English+1
80% of programmers are NOT happy… why?B2
1

80% of programmers are NOT happy… why?

American Accent, en-USUniversity Students+2
The most interesting hack in history just got weirder...C1
4

The most interesting hack in history just got weirder...

American Accent, en-USUniversity Students+2
Raspberry Pi Explained in 100 SecondsB2
4

Raspberry Pi Explained in 100 Seconds

American Accent, en-USUniversity Students+2
Did Google just kickstart the intelligence explosion?C1
2

Did Google just kickstart the intelligence explosion?

American Accent, en-USUniversity Students+3
Tragic mistake... Anthropic leaks Claude’s source codeC1
3

Tragic mistake... Anthropic leaks Claude’s source code

American Accent, en-USUniversity Students+2
100+ Docker Concepts you Need to KnowC1

100+ Docker Concepts you Need to Know

American Accent, en-USUniversity Students+2
When open-sourcing your code goes wrong...C1
7

When open-sourcing your code goes wrong...

American Accent, en-USUniversity Students+2
Docker in 100 SecondsC1
29

Docker in 100 Seconds

American Accent, en-USUniversity Students+2
The mystery is solved... and the answer is 40x cheaper than ClaudeC1
3

The mystery is solved... and the answer is 40x cheaper than Claude

American Accent, en-USUniversity Students+2
An ex-OpenAI researcher just deleted language from the LLM...B2
8

An ex-OpenAI researcher just deleted language from the LLM...

American Accent, en-USUniversity Students+2
25 crazy software bugs explainedB2
9

25 crazy software bugs explained

American Accent, en-USUniversity Students+2
Git Explained in 100 SecondsB2
9

Git Explained in 100 Seconds

American Accent, en-USUniversity Students+2
✨ วิดีโอแนะนำ
► 2. СВОЙСТВА МАССИВОВ. Функции автозаполнения | Курс по Numpy.C1
1
130 ประโยค

► 2. СВОЙСТВА МАССИВОВ. Функции автозаполнения | Курс по Numpy.

University StudentsBusiness English+1
Essence of linear algebra previewC1
12
47 ประโยค

Essence of linear algebra preview

American Accent, en-USUniversity Students+2
Learn Next.js Parallel Routes In 16 MinutesC1
3
257 ประโยค

Learn Next.js Parallel Routes In 16 Minutes

University StudentsBusiness English+1
VideoC1
1
132 ประโยค

Video

University StudentsBusiness English+1
Master n8n Triggers in 20 Minutes – Automate AnythingC1
1
333 ประโยค

Master n8n Triggers in 20 Minutes – Automate Anything

University StudentsBusiness English+1
Database Sharding! Designing Data-Intensive Applications chapter 6C1
1
689 ประโยค

Database Sharding! Designing Data-Intensive Applications chapter 6

University StudentsBusiness English+1
DRY Often Makes Your Code WorseC1
2
172 ประโยค

DRY Often Makes Your Code Worse

University StudentsBusiness English+1
Unreal Engine 5.8 - Experimental MCP Server Support Walkthrough | State of Unreal 2026C1
1
197 ประโยค

Unreal Engine 5.8 - Experimental MCP Server Support Walkthrough | State of Unreal 2026

University StudentsBusiness English+1
How to Make a Mind Map - The BasicsB2
2
37 ประโยค

How to Make a Mind Map - The Basics

University StudentsBusiness English+1
Mini Project - Implementing a Simple Web Identity Federation ApplicationC1
1
177 ประโยค

Mini Project - Implementing a Simple Web Identity Federation Application

University StudentsBusiness English+1

เกี่ยวกับบทเรียนนี้

คุณกำลังฝึกภาษาอังกฤษกับ "Array Map in 100 Seconds" ด้วยเทคนิค Shadowing — วิธีที่พัฒนาขึ้นสำหรับการฝึกนักแปลมืออาชีพ

ฟังทีละประโยค สังเกตการเน้นเสียงและการเชื่อมเสียง แล้วพูดตามดังๆ อย่างมั่นใจ ฝึกวันละ 15–30 นาทีจะเห็นผลลัพธ์ที่ชัดเจน

เทคนิค Shadowing คืออะไร?

Shadowing เป็นเทคนิคการเรียนรู้ภาษาที่ได้รับการรับรองทางวิทยาศาสตร์ พัฒนาขึ้นสำหรับการฝึกนักแปลมืออาชีพ วิธีการนี้เรียบง่ายแต่ทรงพลัง: คุณฟังเสียงภาษาอังกฤษจากเจ้าของภาษาและพูดตามทันที — เหมือนเงาที่ตามผู้พูดด้วยช่วงเวลาห่าง 1-2 วินาที การวิจัยแสดงว่าเทคนิคนี้ปรับปรุงความแม่นยำในการออกเสียง ทำนองเสียง จังหวะ การเชื่อมเสียง การฟังเข้าใจ และความคล่องแคล่วในการพูดได้อย่างมีนัยสำคัญ

เทคนิค shadowing: อ่านคู่มือฉบับเต็มทีละขั้นตอน →