Tóm lược. trong hướng dẫn này, bạn sẽ tìm hiểu về phương thức JavaScript
2 để tạo một mảng mới từ một đối tượng giống như mảng hoặc đối tượng có thể lặp lạiCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
Giới thiệu về phương thức Mảng JavaScript [ 'Apple', 'Orange', 'Banana' ]
Code language: JSON / JSON with Comments [json]
2
[ 'Apple', 'Orange', 'Banana' ]
Để tạo một mảng từ một đối tượng giống như mảng trong ES5, bạn lặp lại tất cả các phần tử mảng và thêm từng phần tử đó vào một mảng trung gian như thế này
Code language: JavaScript [javascript]
function arrayFromArgs[] { var results = []; for [var i = 0; i < arguments.length; i++] { results.push[arguments[i]]; } return results; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
đầu ra
Code language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
Để ngắn gọn hơn, bạn có thể sử dụng phương pháp
4 củaCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
5 như sauCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
Code language: JavaScript [javascript]
function arrayFromArgs[] { return Array.prototype.slice.call[arguments]; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
ES6 giới thiệu phương thức
2 để tạo một phiên bản mới củaCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
7 từ một đối tượng giống như mảng hoặc có thể lặp lại. Sau đây minh họa cú pháp của phương thứcCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
2Code language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
0
[ 'Apple', 'Orange', 'Banana' ]
Code language: JSON / JSON with Comments [json]
Trong cú pháp này
9 là một đối tượng giống như mảng hoặc có thể lặp lại để chuyển đổi thành một mảng
Code language: JSON / JSON with Comments [json][ 'Apple', 'Orange', 'Banana' ]
0 là hàm map gọi mọi phần tử của mảng
Code language: JavaScript [javascript]function arrayFromArgs[] { return Array.prototype.slice.call[arguments]; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
1 là giá trị của
Code language: JavaScript [javascript]function arrayFromArgs[] { return Array.prototype.slice.call[arguments]; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
2 khi thực hiện hàm
Code language: JavaScript [javascript]function arrayFromArgs[] { return Array.prototype.slice.call[arguments]; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
0
Code language: JavaScript [javascript]function arrayFromArgs[] { return Array.prototype.slice.call[arguments]; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
2 trả về một thể hiện mới củaCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
7 chứa tất cả các phần tử của đối tượngCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
9Code language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
Các ví dụ về phương thức JavaScript [ 'Apple', 'Orange', 'Banana' ]
Code language: JSON / JSON with Comments [json]
2
[ 'Apple', 'Orange', 'Banana' ]
Hãy lấy một số ví dụ về việc sử dụng phương pháp
2Code language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
A] Tạo một mảng từ một đối tượng giống như mảng
Ví dụ sau sử dụng phương thức
2 để tạo một mảng mới từ đối tượngCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
00 của một hàmCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
3Code language: JavaScript [javascript]
function arrayFromArgs[] { var results = []; for [var i = 0; i < arguments.length; i++] { results.push[arguments[i]]; } return results; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
đầu ra
4Code language: JavaScript [javascript]
function arrayFromArgs[] { var results = []; for [var i = 0; i < arguments.length; i++] { results.push[arguments[i]]; } return results; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
Trong ví dụ này, chúng ta tạo một mảng từ các đối số của hàm
01 và trả về mảngCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
B] Mảng JavaScript [ 'Apple', 'Orange', 'Banana' ]
Code language: JSON / JSON with Comments [json]
2 với chức năng ánh xạ
[ 'Apple', 'Orange', 'Banana' ]
Phương thức
2 chấp nhận hàm gọi lại cho phép bạn thực thi hàm ánh xạ trên mọi phần tử của mảng đang được tạo. Xem ví dụ sauCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
8Code language: JavaScript [javascript]
function arrayFromArgs[] { var results = []; for [var i = 0; i < arguments.length; i++] { results.push[arguments[i]]; } return results; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
đầu ra
9Code language: JavaScript [javascript]
function arrayFromArgs[] { var results = []; for [var i = 0; i < arguments.length; i++] { results.push[arguments[i]]; } return results; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
Trong ví dụ này, chúng tôi đã tăng từng đối số của hàm
04 lên một và thêm kết quả vào mảng mớiCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
C] Mảng JavaScript [ 'Apple', 'Orange', 'Banana' ]
Code language: JSON / JSON with Comments [json]
2 với giá trị function arrayFromArgs[] {
return Array.prototype.slice.call[arguments];
}
var fruits = arrayFromArgs['Apple', 'Orange', 'Banana'];
console.log[fruits];
Code language: JavaScript [javascript]
2
[ 'Apple', 'Orange', 'Banana' ]
function arrayFromArgs[] {
return Array.prototype.slice.call[arguments];
}
var fruits = arrayFromArgs['Apple', 'Orange', 'Banana'];
console.log[fruits];
Nếu chức năng ánh xạ thuộc về một đối tượng, bạn có thể tùy ý chuyển đối số thứ ba cho phương thức
2. Đối tượng sẽ đại diện cho giá trị
[ 'Apple', 'Orange', 'Banana' ]
Code language: JSON / JSON with Comments [json]
2 bên trong hàm ánh xạ. Hãy xem xét ví dụ nàyCode language: JavaScript [javascript]
function arrayFromArgs[] { return Array.prototype.slice.call[arguments]; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
5Code language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
đầu ra
6Code language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
D] Tạo một mảng từ một đối tượng có thể lặp lại
Vì phương thức
2 cũng hoạt động trên một đối tượng có thể lặp lại nên bạn có thể sử dụng phương thức này để tạo một mảng từ bất kỳ đối tượng nào có thuộc tínhCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
30. Ví dụCode language: JavaScript [javascript]
function arrayFromArgs[] { var results = []; for [var i = 0; i < arguments.length; i++] { results.push[arguments[i]]; } return results; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
0Code language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
đầu ra
1Code language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]
trong ví dụ này
- Đầu tiên, xác định đối tượng
31 với _______232 trả về các số chẵn từ 0 đến 10
Code language: JavaScript [javascript]function arrayFromArgs[] { var results = []; for [var i = 0; i < arguments.length; i++] { results.push[arguments[i]]; } return results; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
- Sau đó, sử dụng phương thức
2 để tạo một mảng số chẵn mới từ đối tượng
Code language: JSON / JSON with Comments [json][ 'Apple', 'Orange', 'Banana' ]
31
Code language: JavaScript [javascript]function arrayFromArgs[] { var results = []; for [var i = 0; i < arguments.length; i++] { results.push[arguments[i]]; } return results; } var fruits = arrayFromArgs['Apple', 'Orange', 'Banana']; console.log[fruits];
Trong hướng dẫn này, bạn đã học cách sử dụng phương thức Array
2 của JavaScript để tạo một mảng từ một đối tượng giống như mảng hoặc có thể lặp lạiCode language: JSON / JSON with Comments [json]
[ 'Apple', 'Orange', 'Banana' ]