Phần tử mảng in JavaScript – mảng in với javascript

Hướng dẫn này chỉ ra các cách khác nhau để in tất cả hoặc một số phần tử mảng JavaScript nhất định.

Bạn đang xem : print mảng với javascript

Hướng dẫn này trình bày cách bạn có thể in các phần tử mảng JavaScript. Nó cũng phụ thuộc vào nhu cầu dự án của bạn, cho dù bạn muốn in toàn bộ mảng hay một số phần tử cụ thể.

Hoặc bạn muốn in các phần tử mảng ở định dạng chuỗi hoặc một cái gì đó khác. Hãy cùng khám phá các cách khác nhau để in các mảng JavaScript.

Các cách khác nhau để in các phần tử mảng trong JavaScript

Các vòng lặp for while lặp lại lần lượt qua các phần tử mảng và mỗi phần tử được in trên một dòng riêng biệt trong khi chúng ta có thể nhận được cùng một đầu ra này bằng cách sử dụng forEach () .

Hàm forEach () chạy phương thức cụ thể một lần cho mọi phần tử mảng.

Chúng tôi có thể in tất cả các phần tử của mảng bằng cách chuyển tên của mảng vào hàm console.log () . Chúng ta cũng có thể sử dụng các phương thức map () join () để thao tác trước và sau đó in các phần tử của mảng.

Ví dụ, chúng ta muốn đánh số mỗi phần tử mảng trong đầu ra.

Hàm map () tạo một mảng mới từ việc gọi một hàm một lần cho mỗi phần tử nhưng không thay đổi mảng ban đầu. Hãy nhớ rằng nó không chạy hàm cho một phần tử trống.

Hàm join () hoạt động giống như một dấu phân tách để phân tách các phần tử của mảng bằng một dấu phân cách được chỉ định.

pop () trả về cho bạn phần tử cuối cùng trong khi shift () trả về phần tử đầu tiên của mảng, nhưng cả hai đều tốt nhất nên sử dụng khi bạn muốn các phần tử đó bị xóa khỏi chuỗi vì cả hai đều có thể thay đổi mảng ban đầu.

Hàm toString () chuyển đổi mảng sang định dạng chuỗi. Hàm slice () cung cấp cho chúng ta phần tử đã chọn của mảng dưới dạng một mảng mới nhưng không thay đổi mảng ban đầu.

Xem Thêm  Danh sách HTML - Cách sử dụng Dấu đầu dòng, Danh sách có thứ tự và Không có thứ tự - cách sử dụng danh sách có thứ tự trong html

Nó cũng có thể hoạt động theo cụ thể chỉ mục start end (chỉ mục end là độc quyền ở đây).

Sử dụng for Loop to Print Array Elements trong JavaScript

Hãy bắt đầu bằng cách sử dụng vòng lặp for đơn giản để in mảng JavaScript hoàn chỉnh.

  var names = ["mehvish", "tahir", "aftab", "martell"];
// vòng lặp for
for (var i = 0; i & lt; names.length; i ++) {
 console.log (tên [i]);
}
 

Đầu ra:

  "mehvish"
"tahir"
"aftab"
"martell"
 

Sử dụng while Vòng lặp để In các Phần tử Mảng trong JavaScript

Hãy xem bên dưới làm thế nào vòng lặp while tạo ra kết quả.

  var names = ["mehvish", "tahir "," aftab "," martell "];
var i = 0;
//trong khi lặp lại
while (i & lt; names.length) {
 console.log (tên [i]);
 i ++;
}
 

Đầu ra:

  "mehvish"
"tahir"
"aftab"
"martell"
 

Sử dụng phương pháp forEach để in các phần tử mảng trong JavaScript

Bạn đã nghĩ đến phương thức forEach để in một mảng JavaScript hoàn chỉnh (một phần tử trên mỗi dòng) chưa? Xem đoạn mã bên dưới.

  var names = ["mehvish", "tahir", "aftab", "martell"];
names.forEach (element = & gt; console.log (element));
 

Đầu ra:

  "mehvish"
"tahir"
"aftab"
"martell"
 

Sử dụng console.log () Hàm để in Phần tử mảng trong JavaScript

Chúng ta đã khám phá các cách in toàn bộ mảng trừ một phần tử trên mỗi dòng. Bạn có thể in tất cả các phần tử mảng trên một dòng như sau.

  var names = ["mehvish", "tahir", "aftab", "martell"] ;
console.log (tên);
 

Đầu ra:

  ["mehvish", "tahir", "aftab", "martell"]
 

Sử dụng map () Với join () Phương pháp in các phần tử mảng trong JavaScript

Chúng tôi cũng có thể hiển thị tất cả các phần tử trong một dòng bằng cách sử dụng cách sau.

  var names = [" mehvish "," tahir "," aftab "," martell "];
var element = names.map ((e, i) = & gt; (i + 1 + "." + e)) .join ('');
console.log (phần tử);

Đầu ra:

  "1.mehvish 2.tahir 3.aftab 4.martell"
 

Sử dụng toString () Hàm để in các phần tử mảng trong JavaScript

Bạn có nghĩ rằng chúng tôi có một hàm có tên là toString () có thể chuyển đổi mảng thành một chuỗi. Xem ví dụ mã sau.

  var names = ["mehvish", "tahir", "aftab", "martell"];
console.log (names.toString ());
 

Đầu ra:

  "mehvish, tahir, aftab, martell"
 

Sử dụng hàm join () để in các phần tử mảng trong JavaScript

Chúng tôi đã thấy mảng được chuyển đổi thành chuỗi ở trên, nhưng mỗi phần tử được phân tách bằng dấu phẩy. Điều gì sẽ xảy ra nếu chúng ta muốn tất cả các phần tử được tách thành một không gian duy nhất? Vì vậy, hàm join () được sử dụng.

  var names = [" mehvish "," tahir "," aftab "," martell "];
console.log (names.join (""));
 

Đầu ra:

  "mehvish tahir aftab martell"
 

Sử dụng hàm pop () để in các phần tử mảng trong JavaScript

Bạn đang nghĩ chỉ in phần tử cuối cùng của mảng? Chúng ta có thể làm điều đó bằng cách sử dụng hàm pop () .

  var names = ["mehvish", "tahir", "aftab "," martell "];
console.log (names.pop ());
 

Đầu ra:

  "martell"
 

Sử dụng phương pháp shift () để in các phần tử mảng trong JavaScript

Trong đoạn mã sau, phương thức shift () in phần tử đầu tiên của mảng.

  var names = [" mehvish "," tahir "," aftab "," martell "];
console.log (names.shift ());
 

Đầu ra:

  "mehvish"
 

Sử dụng phương pháp concat () để in các phần tử mảng trong JavaScript

Chúng tôi có hai mảng JavaScript riêng biệt và in cả hai trong một dòng. Chúng tôi muốn các phần tử của mảng thứ hai sau các phần tử của mảng đầu tiên.

Chúng tôi sẽ nối fruitArrayTwo với fruitArrayOne bằng cách sử dụng Concat () .

  var fruitArrayOne = ["apple", "banana", "Grape"];
var fruitArrayTwo = ["xoài", "dưa hấu"];
console.log (fruitArrayOne.concat (fruitArrayTwo));
 

Đầu ra:

  ["apple", "banana", "nho", "xoài", "water- dưa gang"]
 

Sử dụng phương pháp slice () để In Phần tử Mảng trong JavaScript

Chúng tôi cũng có thể in một mảng phần tử nhất định bằng phương thức slice () . Chúng tôi cũng có thể sử dụng phương thức splice () để thêm và xóa các phần tử của mảng. Để biết chi tiết, hãy xem trang này .

  var names = ["mehvish", "tahir", "aftab", "martell" ];
console.log (names.slice (0, 2)); // end index không bao gồm ở đây
 

Đầu ra:

  ["mehvish", "tahir"]
 

Viết cho chúng tôi

Các bài viết trên DelftStack được viết bởi những chuyên gia phần mềm như bạn. Nếu bạn cũng muốn đóng góp cho DelftStack bằng cách viết các bài báo trả phí, bạn có thể xem trang viết cho chúng tôi .


Xem thêm những thông tin liên quan đến chủ đề mảng in với javascript

Javascript Tutorial For Beginners – #4 Javascript Arrays & Loops

  • Tác giả: LearnCode.academy
  • Ngày đăng: 2015-02-24
  • Đánh giá: 4 ⭐ ( 6231 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: This Javascript tutorial covers Javascript arrays and looping arrays in Javascript. Arrays store lists of items of any type. You can iterate a Javascript array with loops, making it easy to run actions on all of the items in the array.

    This is a Free Javascript Course designed for beginners. These Javascript lessons cover the basics of Javascript and programming basics from the very beginning.

    -~-~~-~~~-~~-~-
    Also watch: “Responsive Design Tutorial – Tips for making web sites look great on any device”
    https://www.youtube.com/watch?v=fgOO9YUFlGI
    -~-~~-~~~-~~-~-

For..in và For..of trong javascript!

  • Tác giả: codestus.com
  • Đánh giá: 4 ⭐ ( 7884 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Khi làm việc với vòng lặp trong JavaScript, chúng ta thường làm việc với các đối tượng như một Array hay Object . Thông thường chúng ta chỉ sử dụng for loop cho việc xử lý mảng

Duyệt mảng trong JavaScript

  • Tác giả: laptrinhtudau.com
  • Đánh giá: 4 ⭐ ( 4206 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Duyệt mảng trong JavaScript – Lập Trình Từ Đầu 1 JavaScript Căn Bản

Mảng trong JavaScript

  • Tác giả: hocjavascript.net
  • Đánh giá: 3 ⭐ ( 2142 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: các bạn về mảng trong JavaScript. Vậy trước tiên, hãy cùng mình trả lời câu hỏi Mảng là gì? Mảng trong JavaScript như thế nào?

Khai báo và duyệt mảng trong javascript (nhập xuất mảng …)

  • Tác giả: freetuts.net
  • Đánh giá: 5 ⭐ ( 4243 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách khai báo mảng và duyệt mảng trong Javascript, sử dụng các vòng lặp để duyệt qua các phần tử của mảng, truy xuất các phần tử của mảng và in lên console

Mảng array trong Javascript

  • Tác giả: kungfutech.edu.vn
  • Đánh giá: 3 ⭐ ( 5132 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Array, hay được gọi là mảng, là kiểu dữ liệu mà giá trị của nó chứa nhiều giá trị khác. Mỗi giá trị của mảng được gọi là element (phần tử)

Tìm hiểu về mảng trong JavaScript

  • Tác giả: itzone.com.vn
  • Đánh giá: 4 ⭐ ( 9989 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: The ITZone platform Vietnam is the community for anyone interested in news, training seminars, presentations etc in the IT industry

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình