Mảng javascript

tóm tắt. Trong hướng dẫn này, bạn sẽ học cách cải thiện việc xây dựng mảng bằng cách sử dụng phương thức JavaScript Array. of () trong ES6

Giới thiệu về phương thức JavaScript Array. của ()

Trong ES5, khi bạn truyền một số vào phương thức khởi tạo Array, JavaScript sẽ tạo một Array có độ dài bằng số

Ví dụ

let numbers = new Array(2);
console.log(numbers.length); // 2
console.log(numbers[0]); // undefined

Tuy nhiên, khi bạn chuyển sang phương thức khởi tạo Array một giá trị không phải là số, JavaScript sẽ tạo một Array chứa một phần tử với giá trị đó

Ví dụ

numbers = new Array("2");
console.log(numbers.length); // 1
console.log(numbers[0]); // "2"

Hành vi này đôi khi gây nhầm lẫn và dễ xảy ra lỗi vì bạn không thể biết loại dữ liệu mà bạn truyền cho phương thức khởi tạo Array

ES6 giới thiệu phương thức Array. của () để giải quyết vấn đề này

Phương thức mảng. of () tương tự như phương thức khởi tạo Array ngoại trừ phương thức Array. of () không xử lý một giá trị đặc biệt

Nói cách khác, Array thức. of () luôn tạo ra một mảng chứa các giá trị mà bạn truyền cho nó

Sau đây là cú pháp của phương thức Array. của ()

Array.of(element0[, element1[, ...[, elementN]]])

Ví dụ về Mảng JavaScript. của ()

Các bạn xem ví dụ sau

let numbers = Array.of(3);
console.log(numbers.length); // 1
console.log(numbers[0]); // 3

Trong ví dụ này, mình đã truyền số 3 vào Array phương thức. của (). Phương thức mảng. of () create a array an number

Hãy xem xét ví dụ sau

let chars = Array.of('A', 'B', 'C');
console.log(chars.length); // 3
console.log(chars); // ['A','B','C']

Ở ví dụ này, mình đã tạo một mảng bao gồm ba chuỗi bằng cách truyền 'A', 'B' và 'C' vào phương thức Array. của (). Độ dài của mảng là 3

Mảng. of() polyfill

Nếu bạn thực thi JavaScript trong môi trường không hỗ trợ phương thức Array. of (), you could use polyfill after

if (!Array.of) {
    Array.of = function() {
        return Array.prototype.slice.call(arguments);
    };
}

Kết luận

Trong hướng dẫn này, mình đã hướng dẫn các bạn cách xây dựng mảng sử dụng phương thức Array. of () trong ES6

Cùng gitiho cuộc thi chính phục kiến ​​thức, khẳng định bản thân với hệ thống bài test phong phú, đầy đủ các chủ đề để bạn khám phá

khám phá ngay

Chương trình hội viên Gitiho

Tiết kiệm điện tối đa với gói Hội viên Gitiho. Thỏa mãn việc nâng cao kiến ​​thức của bạn với gói Hội viên Gitiho bạn sẽ không còn bị giới hạn bởi số lượng khóa học đã mua

Gói hội viên Gitiho mang đến trải nghiệm học tập hoàn toàn mới, phù hợp với học viên cần học nhiều nội dung trong một khoản thời gian sẽ giúp học viên tiết kiệm điện hơn rất nhiều so với mua lẻ hoặc combo

hơn 20. 000 người đã đăng ký

Gitiho cho doanh nghiệp hàng đầu

Ưu tiên và đơn giản hóa hoạt động đào tạo tại doanh nghiệp. Nền tảng có sẵn, nội dung đào tạo cho tất cả các vị trí, bộ phận. Ứng dụng thay thế ngay vào doanh nghiệp chỉ với một cú nhấp chuột

Đã được các doanh nghiệp tin tưởng sử dụng

Đăng ký miễn phí

1. Trang chủ
2. Blog
3. Lập trình

hà vân
28 tháng 11 năm 2022

XEM NHANH BÀI VIẾT

Mảng và đối tượng là 2 kiểu dữ liệu phổ biến được sử dụng trong Javascript. Trong các bài viết trước, chúng ta đã làm bài tập thực thi riêng lẻ với Array và Object nên các bạn đã có nền tảng cơ bản về 2 kiểu dữ liệu này. Vậy thì hãy cùng làm ngay bài nâng cao độ khó lên một chút với Array và Object lồng nhau trong Javascript nhé

đề bài

Cho người dùng đối tượng = {
mười. 'tùng',
tuổi. 20
banBe. ['vy', 'tung', 'tuấn']
daiChi. {
tỉnh. 'HCM',
quan. 'Q1
},
};

Các tập tin thực thi Javascript này yêu cầu chúng ta thực hiện các hành động sau

a, in ra array you friends
b, người bạn cuối cùng tên là gì
c, in address of user
d, user ở quận nào, tỉnh nào
e, thêm đường = 'nguyễn chấp' vào địa chỉ của người dùng
f, hãy thêm 'thai' vào danh sách người dùng của bạn

Xem thêm. Hướng dẫn cài đặt Visual Studio Code cho người mới học lập trình

Hướng dẫn thực hiện

Câu hỏi 1. In array you friends

Mảng tên là "Bạn bè" là một trường nằm trong đối tượng người dùng được cho sẵn. Muốn lấy giá trị của trường này thì chúng ta sử dụng cú pháp. tên đối tượng + dấu chấm + (tên trường muốn truy xuất giá trị)

Hoặc các bạn có thể sử dụng công thức có định dạng. tên đối tượng + ["tên trường muốn lấy giá trị"]

Trong trường hợp cụ thể của bài tập thực thi Array và Object lồng nhau này thì công thức sẽ là. bảng điều khiển. lof(người dùng. banBe); . log(user["banBe"]);

Xem thêm. Hướng dẫn chi tiết cách khởi tạo chương trình đầu tiên với Javascript

Câu hỏi 2. The you last name is what?

• Bước 1. Khai báo một biến mới là var banBe = user["banBe"]; . Đây sẽ là biến trung gian giúp bạn quan sát và thao tác dễ dàng hơn
• Bước 2. Để truy vấn thông tin xem người bạn cuối cùng tên là gì thì bạn sử dụng cú pháp. bảng điều khiển. log(tên mảng. chiều dài -1);

Trong trường hợp cụ thể của bài tập này thì cú pháp sẽ là. bảng điều khiển. log(banBe. chiều dài -1);

Câu hỏi 3. In address of user

Địa chỉ cũng giống như bạn bè, đều là từ khóa trong đối tượng người dùng của đề bài. To in this address, we we use the cú pháp as after. tên đối tượng + dấu chấm + (tên trường muốn truy xuất giá trị)

Hoặc các bạn có thể sử dụng công thức có định dạng. tên đối tượng + ["tên trường muốn lấy giá trị"]

Trong trường hợp cụ thể của bài tập thực thi Array và Object lồng nhau này thì công thức sẽ là. bảng điều khiển. lof(người dùng. diaChi); . nhật ký (người dùng ["diaChi"]);

Câu hỏi 4. Truy vấn xem user ở quận nào, tỉnh nào?

Cách 1

Để truy vấn được cụ thể thông tin trong một trường thì lúc này trường đó sẽ đóng vai trò là một đối tượng trong Javascript. Các bạn hãy sử dụng công thức sau. object name + dấu chấm + tên trường muốn lấy giá trị + dấu chấm + tên thông tin cụ thể muốn lấy

Với trường hợp của bài tập thực thi trong Javascript này thì cú pháp sẽ là. bảng điều khiển. nhật ký (người dùng. daiChi. tinh);

Nếu muốn truy vấn thông tin về quận, hãy sử dụng công thức tương tự, chỉ có thể thay phần thông tin cụ thể là. bảng điều khiển. nhật ký (người dùng. daiChi. quan);

Kết quả mà chúng tôi thu được sẽ như trong hình ảnh dưới đây

cách 2

Với những bạn chưa quen với việc viết cú pháp trong Javascript và gặp khó khăn trong việc ghi nhớ công thức thì chúng ta có thể sử dụng cách khai báo biến trung gian như ở câu hỏi 3

Ở bài tập thực thi Array and Object lồng nhau này, biến trung gian sẽ được khai báo dưới dạng. var diaChi = người dùng. địaChi;

Sau đó, bạn chỉ cần sử dụng bảng điều khiển công thức. log(diaChi. tinh); . log(diaChi. quan);

Xem thêm. Hướng dẫn cách sử dụng thẻ div và cách tạo danh sách trong HTML

Câu hỏi 5. Vui lòng thêm đường 'nguyễn chấp' vào địa chỉ của người dùng

Các bạn vẫn giữ nguyên biến trung gian đã tạo ở câu hỏi 4 nhé. To add a new information to for the address in object user, you use the after. tên trường + dấu chấm + tên mục thông tin mới = "thông tin mới"

Cụ thể ở trường hợp của bài tập thực thi Array và Object lồng nhau, chúng ta sẽ sử dụng cú pháp như sau. daiChi. duong = "nguyễn thanh";. Sau đó các bạn chạy thử object user thì sẽ thấy tên đường đã được thêm vào địa chỉ

Có một cách khác để không cần giữ lại biến trung gian là bạn có thể nhập công thức luôn sau. tên đối tượng + dấu chấm + tên trường muốn thêm thông tin + dấu chấm + tên mục thông tin mới = "thông tin mới"

Trong trường hợp của bài tập này thì cú pháp sẽ là. người sử dụng. daiChi. duong="nguyen tuan";

Câu hỏi 6. Vui lòng thêm 'thai' vào danh sách người dùng của bạn

Câu hỏi này có cách thực hiện tương tự như câu hỏi 5 nhưng cách thực hiện lại không giống nhau. Bởi vì trường bạn bè của đối tượng là một mảng chuỗi nên khi thêm thông tin các bạn phải nhập cả vị trí điền thông tin mới

Công thức tổng là. tên đối tượng + dấu chấm + tên trường muốn thêm thông tin [ vị trí bổ sung thông tin trong chuỗi] = "thông tin mới"

Người dùng này ban đầu có 3 người bạn, tên của họ nằm ở vị trí 0,1,2 trong mảng chuỗi. Vì người là "thai" chuẩn bị thêm tên vào vị trí số 3 trong chuỗi này. Suy ra công thức cụ thể sẽ là. người sử dụng. banBe[3] = "thái lan";

Trong thực tế chúng ta sẽ không tính thủ công để tìm vị trí bổ sung bởi vì mảng chuỗi trong thực tế có thể sẽ rất dài. Do đó chúng ta xác định vị trí bổ sung chính là bằng độ dài của mảng. Công thức cụ thể sẽ là. người sử dụng. banBe[banBe. độ dài] =  "thái";

Xem thêm. Bài tập thực thi với các thẻ định dạng chữ trong HTML

Kết luận

Như vậy, mình đã hướng dẫn cho các bạn một số bài tập cơ bản về Array và Object lồng nhau trong Javascript. Để làm thêm nhiều bài tập thực hành nâng cao hơn của chủ đề này cũng như các bài tập về kiểu dữ liệu khác trong Javascript, các bạn hãy tham gia khóa học

Lập trình Javascript cơ bản từ A-Z thực chiến cho người mới

Key learning sẽ giúp các bạn xây dựng nền tảng kiến ​​thức cơ bản chắc chắn và thành công trong việc vận dụng các thao tác với hàm, phép toán trong Javascript. Bài giảng được thiết kế từ cơ bản đến nâng cao phù hợp với mọi đối tượng. Sau mỗi bài học lý thuyết luôn có bài tập thực hành giúp các bạn ghi nhớ kiến ​​thức sâu hơn. Ngoài ra, giảng viên cũng sẽ hỗ trợ các bạn 24/7 về mọi vấn đề liên quan đến kiến ​​thức. Hãy thoải mái đặt câu hỏi ngay bên dưới video bài giảng nếu bạn chưa hiểu rõ bất kỳ phần nào nhé. Chúc các bạn học tập tốt

Thích 0

chia sẻ

0/5 - (0 bình chọn)

0/5 - (0 bình chọn)

Bài viết liên quan

Hướng dẫn về chức năng ACOS của Oracle

Hướng dẫn về hàm ATAN của Oracle

Hướng dẫn về chức năng COS của Oracle

Hướng dẫn về chức năng AVG của Oracle

Cách tạo tệp HTML và chạy HTML trong Visual Studio Code

Tìm hiểu chi tiết về thẻ định dạng chữ (Văn bản) trong HTML

×

Chúc mừng bạn đã nhận được quà tặng ""

HÃY ĐĂNG NHẬP CẦU NHI QUÀ NGAY

Đăng nhập bằng Google

Đăng nhập bằng Apple

Or login

Đăng ký tài khoản

Đăng nhập bằng Google

Đăng nhập bằng Apple

or register

Đăng nhập

Khóa học của tôi

Bạn vui lòng đăng nhập để gửi tương tác

Đăng nhập

Đăng nhập bằng Google

Đăng nhập bằng Apple

Or login

Đăng ký tài khoản

Đăng ký

Đăng nhập bằng Google

Đăng nhập bằng Apple

or register

Đăng nhập

Đứng đầu

Thông báo. Lịch nghỉ tết Nguyên Quý Mão 2023 của Gitiho bắt đầu từ ngày 20/01/2023 đến hết ngày 26

Kính chúc quý khách hàng và đối tác một năm mới An khang - Thịnh vượng

Hỗ trợ khách hàng

Email. hotro@gitiho. com Đường dây nóng. 0774 116 285 (Giờ làm việc. 8h30 - 18h, nghỉ thứ 7 và CN) Những câu hỏi thường gặp Hướng dẫn đăng ký khóa học Hướng dẫn đăng ký Hướng dẫn lấy lại mật khẩu Hướng dẫn thanh toán khóa học sau khi đăng ký

VỀ GITIHO

Giới thiệu về Gitiho Blog Hỏi đáp Đào tạo cho doanh nghiệp Chính sách bảo mật thông tin Chính sách và quy định chung Quy định mua, hủy, sử dụng khóa học Bộ quy tắc hành xử của giảng viên và học viên trên Gitiho Quy trình xác nhận

hợp tác và liên kết

Sinh viên trên Gitiho Dịch vụ Doanh nghiệp Đăng ký Gitiho Affiliate Tuyển dụng giảng viên Tuyển dụng nhân sự

Tải App Gitiho

KẾT NỐI VỚI CHÚNG TÔI

office address. Phòng 302, tầng 3, Tòa nhà Tây Hà, KĐT mới Phùng Khoang, Phường Trung Văn, Quận Nam Từ Liêm, Thành phố Hà Nội, Việt Nam