Cách Tạo Mảng 2D Trong JavaScript

JavaScript không cung cấp mảng đa chiều nguyên bản hoặc cung cấp bất kỳ phương pháp nào để xác định mảng 2D. Tuy nhiên, bạn có thể tạo một mảng nhiều chiều bằng cách xác định mảng các mục, trong đó mỗi mục cũng là một mảng khác.

Mảng JavaScript 2D

Để tạo mảng 2D trong JavaScript, chúng ta phải tạo một mảng mảng. Để khai báo mảng 2D, bạn sử dụng cú pháp tương tự như khai báo mảng một chiều.

Cú pháp của mảng 2D

let data = [
  [],
  [],
  []
];

Trong đoạn mã trên, chúng ta đã xác định một mảng 2D trống.

Hãy xác định một mảng 2D với một số giá trị.

// app.js

let data = [
  ['Millie', 15],
  ['Finn', 17],
  ['Dustin', 17]
];

console.log(data);

Đầu ra

[ [ 'Millie', 15 ], [ 'Finn', 17 ], [ 'Dustin', 17 ] ]

Trong mảng dữ liệu trên, chiều đầu tiên thể hiện tên của diễn viên và chiều thứ hai cho biết tuổi của từng diễn viên.

JavaScript console.table ()

Phương thức console.table () hiển thị dữ liệu dạng bảng dưới dạng bảng. Hàm table () nhận một dữ liệu đối số bắt buộc, dữ liệu này phải là mảng hoặc một đối tượng và một cột tham số tùy chọn bổ sung.

Nó ghi dữ liệu dưới dạng bảng. Mỗi mục trong mảng (hoặc thuộc tính liệt kê nếu dữ liệu là đối tượng) sẽ là hàng trong bảng. Chúng ta có thể sử dụng phương thức console.table () để hiển thị kết quả đầu ra ở trên.

// app.js

let data = [
  ['Millie', 15],
  ['Finn', 17],
  ['Dustin', 17]
];

console.table(data);

Đầu ra

 node app
┌─────────┬──────────┬────┐
│ (index) │    0     │ 1  │
├─────────┼──────────┼────┤
│    0    │ 'Millie' │ 15 │
│    1    │  'Finn'  │ 17 │
│    2    │ 'Dustin' │ 17 │
└─────────┴──────────┴────┘

Lưu ý rằng cột (index) dành cho hình minh họa chỉ ra các chỉ số của mảng bên trong.

Truy cập mảng 2D trong JavaScript

Để truy cập một mục của mảng 2D, trước tiên bạn sử dụng dấu ngoặc vuông để truy cập một mục của mảng bên ngoài trả về một mảng bên trong; và sau đó sử dụng một dấu ngoặc vuông khác để truy cập phần tử của mảng bên trong.

// app.js

let data = [
  ['Millie', 15],
  ['Finn', 17],
  ['Dustin', 17]
];

console.log('The age of Millie is:', data[0][1]);

Đầu ra

The age of Millie is: 15

Thêm các phần tử vào mảng 2D

Để thêm các phần tử vào mảng 2D, hãy sử dụng các phương thức Mảng chẳng hạn như phương thức array push() .

// app.js

let data = [
  ['Millie', 15],
  ['Finn', 17],
  ['Dustin', 17]
];

data.push(['Sadie', 15], ['Caleb', 18]);
console.log(data);

Đầu ra

[
  [ 'Millie', 15 ],
  [ 'Finn', 17 ],
  [ 'Dustin', 17 ],
  [ 'Sadie', 15 ],
  [ 'Caleb', 18 ]
]

Trong ví dụ này, chúng ta đã có một mảng 2D với ba phần tử. Sử dụng phương thức push (), chúng tôi đang thêm hai phần tử nữa vào mảng và từ đầu ra ở trên, bạn có thể thấy rằng chúng tôi đã thêm thành công hai mục vào mảng 2D.

Để chèn một phần tử vào giữa mảng, hãy sử dụng phương thức JavaScript array splice() . Đoạn mã sau sẽ chèn một phần tử ở vị trí thứ hai của mảng dữ liệu và hiển thị nó ở định dạng bảng.

// app.js

let data = [
  ['Millie', 15],
  ['Finn', 17],
  ['Dustin', 17]
];

data.splice(1, 0, ['Sadie', 15])
console.table(data);

Đầu ra

┌─────────┬──────────┬────┐
│ (index) │    0     │ 1  │
├─────────┼──────────┼────┤
│    0    │ 'Millie' │ 15 │
│    1    │ 'Sadie'  │ 15 │
│    2    │  'Finn'  │ 17 │
│    3    │ 'Dustin' │ 17 │
└─────────┴──────────┴────┘

Bạn có thể thấy rằng nó đã thêm một phần tử mới ở vị trí 1.

Thêm thuộc tính động vào mảng 2D

Ví dụ sau đây tính toán phần trăm tuổi của mỗi ký tự dựa trên khoảng thời gian 80 năm và thêm phần trăm vào mảng bên trong.

// app.js

let data = [
  ['Millie', 15],
  ['Finn', 17],
  ['Dustin', 17]
];

data.forEach(age => {
  let percentage = ((age[1] / 80) * 100).toFixed();
  age[2] = percentage + '%';
});

console.table(data);

Đầu ra

┌─────────┬──────────┬────┬───────┐
│ (index) │    0     │ 1  │   2   │
├─────────┼──────────┼────┼───────┤
│    0    │ 'Millie' │ 15 │ '19%' │
│    1    │  'Finn'  │ 17 │ '21%' │
│    2    │ 'Dustin' │ 17 │ '21%' │
└─────────┴──────────┴────┴───────┘

Để thêm một thuộc tính mới trong một mảng 2D, chúng tôi đã sử dụng phương thức JavaScript array forEach() để lặp lại từng mảng bên trong và thêm phần trăm vào mảng. Khi chúng ta nhìn thấy trong bảng, nó sẽ trở thành một cột của bảng.

Xóa các phần tử khỏi mảng JavaScript 2D

Để xóa một mục khỏi một mảng, bạn sử dụng phương thức mảng pop () hoặc mảng splice ().

// app.js

let data = [
  ['Millie', 15],
  ['Finn', 17],
  ['Dustin', 17]
];

data.pop();

console.table(data);

Đầu ra

┌─────────┬──────────┬────┐
│ (index) │    0     │ 1  │
├─────────┼──────────┼────┤
│    0    │ 'Millie' │ 15 │
│    1    │  'Finn'  │ 17 │
└─────────┴──────────┴────┘

Lặp lại mảng 2D

Để lặp lại mảng 2D trong JavaScript, hãy sử dụng phương thức forEach () hai lần.

// app.js

let data = [
  ['Millie', 15],
  ['Finn', 17],
  ['Dustin', 17]
];

data.forEach(arr => {
  arr.forEach(d => console.log(d));
});

Đầu ra

Millie
15
Finn
17
Dustin
17

Vì vậy, nếu bạn muốn lặp lại từng phần tử của mảng 2D hoặc nhiều chiều, thì bạn phải sử dụng phương thức forEach () hai lần vì nó là các mảng bên trong một mảng.

#javascript

What is GEEK

Buddha Community

Rahul Jangid

1622207074

What is JavaScript - Stackfindover - Blog

Who invented JavaScript, how it works, as we have given information about Programming language in our previous article ( What is PHP ), but today we will talk about what is JavaScript, why JavaScript is used The Answers to all such questions and much other information about JavaScript, you are going to get here today. Hope this information will work for you.

Who invented JavaScript?

JavaScript language was invented by Brendan Eich in 1995. JavaScript is inspired by Java Programming Language. The first name of JavaScript was Mocha which was named by Marc Andreessen, Marc Andreessen is the founder of Netscape and in the same year Mocha was renamed LiveScript, and later in December 1995, it was renamed JavaScript which is still in trend.

What is JavaScript?

JavaScript is a client-side scripting language used with HTML (Hypertext Markup Language). JavaScript is an Interpreted / Oriented language called JS in programming language JavaScript code can be run on any normal web browser. To run the code of JavaScript, we have to enable JavaScript of Web Browser. But some web browsers already have JavaScript enabled.

Today almost all websites are using it as web technology, mind is that there is maximum scope in JavaScript in the coming time, so if you want to become a programmer, then you can be very beneficial to learn JavaScript.

JavaScript Hello World Program

In JavaScript, ‘document.write‘ is used to represent a string on a browser.

<script type="text/javascript">
	document.write("Hello World!");
</script>

How to comment JavaScript code?

For single line comment in JavaScript we have to use // (double slashes)
For multiple line comments we have to use / * – – * /

<script type="text/javascript">

//single line comment

/* document.write("Hello"); */

</script>

Advantages and Disadvantages of JavaScript

#javascript #javascript code #javascript hello world #what is javascript #who invented javascript

WebClues Infotech

1616670795

Hire Dedicated JavaScript Developers -Hire JavaScript Developers

It is said that a digital resource a business has must be interactive in nature, so the website or the business app should be interactive. How do you make the app interactive? With the use of JavaScript.

Does your business need an interactive website or app?

Hire Dedicated JavaScript Developer from WebClues Infotech as the developer we offer is highly skilled and expert in what they do. Our developers are collaborative in nature and work with complete transparency with the customers.

The technology used to develop the overall app by the developers from WebClues Infotech is at par with the latest available technology.

Get your business app with JavaScript

For more inquiry click here https://bit.ly/31eZyDZ

Book Free Interview: https://bit.ly/3dDShFg

#hire dedicated javascript developers #hire javascript developers #top javascript developers for hire #hire javascript developer #hire a freelancer for javascript developer #hire the best javascript developers

Trung Nguyen

1653901200

Mảng JavaScript - Cách tạo Mảng trong JavaScript

Mảng là một kiểu cấu trúc dữ liệu nơi bạn có thể lưu trữ danh sách các phần tử có thứ tự.

Trong bài viết này, tôi sẽ chỉ cho bạn 3 cách bạn có thể tạo một mảng bằng JavaScript. Tôi cũng sẽ chỉ cho bạn cách tạo một mảng từ một chuỗi bằng cách sử dụng split()phương thức này.

Cách tạo mảng trong JavaScript bằng toán tử gán

Cách phổ biến nhất để tạo một mảng trong JavaScript là gán mảng đó cho một biến như sau:

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

Nếu chúng ta console.loglà mảng, thì nó sẽ hiển thị cho chúng ta tất cả 4 phần tử được liệt kê trong mảng.

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

console.log(books);

Screen-Shot-2022-05-01-at-11.11.38-PM

Cách tạo mảng trong JavaScript bằng toán tử mới và phương thức khởi tạo mảng

Một cách khác để tạo mảng là sử dụng newtừ khóa với hàm Arraytạo.

Đây là cú pháp cơ bản:

new Array();

Nếu một tham số số được chuyển vào trong dấu ngoặc đơn, điều đó sẽ đặt độ dài cho mảng mới.

Trong ví dụ này, chúng tôi đang tạo một mảng có độ dài là 3 ô trống.

new Array(3)

Screen-Shot-2022-05-14-at-11.07.33-PM

Nếu chúng ta sử dụng thuộc tính length trên mảng mới, thì nó sẽ trả về số 3.

new Array(3).length

Nhưng nếu chúng tôi cố gắng truy cập bất kỳ phần tử nào của mảng, nó sẽ trở lại không xác định vì tất cả các vị trí đó hiện đang trống.

new Array(3)[0]

Screen-Shot-2022-05-14-at-11.10.02-PM

Chúng ta có thể sửa đổi ví dụ của mình để lấy nhiều tham số và tạo một mảng các mặt hàng thực phẩm.

let myFavoriteFoods = new Array("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]
console.log(myFavoriteFoods.length); // 3
console.log(myFavoriteFoods[1]); // "ice cream"

Screen-Shot-2022-05-14-at-11.13.48-PM

Cách tạo một mảng trong JavaScript bằng Array.of ()

Một cách khác để tạo mảng là sử dụng Array.of()phương thức này. Phương thức này nhận vào bất kỳ số lượng đối số nào và tạo ra một thể hiện mảng mới.

Đây là cú pháp cơ bản:

Array.of();

Chúng tôi có thể sửa đổi ví dụ thực phẩm trước đó của chúng tôi để sử dụng Array.of()phương pháp như thế này.

let myFavoriteFoods = Array.of("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]
console.log(myFavoriteFoods.length); // 3
console.log(myFavoriteFoods[1]); // "ice cream"

Screen-Shot-2022-05-14-at-11.47.54-PM

Phương thức này thực sự tương tự như sử dụng phương thức khởi tạo Array. Sự khác biệt chính là nếu bạn chuyển một số duy nhất bằng cách sử dụng Array.of()nó, nó sẽ trả về một mảng có số đó trong đó. Nhưng phương thức khởi tạo Array tạo ra x số vị trí trống cho số đó.

Trong ví dụ này, nó sẽ trả về một mảng có số 4 trong đó.

let myArr = Array.of(4);

console.log(myArr);

Screen-Shot-2022-05-15-at-12.00.27-AM

Nhưng nếu tôi thay đổi ví dụ này để sử dụng phương thức khởi tạo Array, thì nó sẽ trả về một mảng gồm 4 vị trí trống.

let myArr = new Array(4);

console.log(myArr);

Screen-Shot-2022-05-15-at-12.02.03-AM

Cách tạo mảng từ một chuỗi bằng phương thức split ()

Đây là cú pháp cho split()phương thức JavaScript.

str.split(optional-separator, optional-limit)

Dấu phân tách tùy chọn là một loại mẫu cho máy tính biết nơi mỗi lần phân tách sẽ xảy ra.

Tham số giới hạn tùy chọn là một số dương cho máy tính biết có bao nhiêu chuỗi con trong giá trị mảng được trả về.

Trong ví dụ này, tôi có chuỗi "I love freeCodeCamp". Nếu tôi sử dụng split()phương thức không có dấu phân tách, thì giá trị trả về sẽ là một mảng của toàn bộ chuỗi.

const str = 'I love freeCodeCamp';

console.log(str.split());

Screen-Shot-2022-05-15-at-12.09.10-AM

Nếu tôi muốn thay đổi nó để chuỗi được chia thành các ký tự riêng lẻ, thì tôi sẽ cần thêm dấu phân tách. Dấu phân tách sẽ là một chuỗi trống.

const str = "I love freeCodeCamp";

console.log(str.split(""));

Screen-Shot-2022-05-15-at-12.10.58-AM

Lưu ý cách các khoảng trắng được coi là ký tự trong giá trị trả về.

Nếu tôi muốn thay đổi nó để chuỗi được chia thành các từ riêng lẻ, thì dấu phân tách sẽ là một chuỗi rỗng với khoảng trắng.

const str = "I love freeCodeCamp";

console.log(str.split(" "));

Screen-Shot-2022-05-15-at-12.11.32-AM

Sự kết luận

Trong bài viết này, tôi đã chỉ cho bạn ba cách để tạo một mảng bằng cách sử dụng toán tử gán, Hàm tạo mảng và Array.of()phương thức.

Cách phổ biến nhất để tạo một mảng trong JavaScript là gán mảng đó cho một biến như sau:

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

Một cách khác để tạo mảng là sử dụng newtừ khóa với hàm Arraytạo.

new Array();

Nếu một tham số số được truyền vào trong dấu ngoặc đơn, thì tham số đó sẽ đặt độ dài cho mảng mới với số vị trí trống đó.

Ví dụ, đoạn mã này sẽ tạo một mảng có độ dài là 3 ô trống.

new Array(3)

Chúng tôi cũng có thể chuyển nhiều tham số như sau:

let myFavoriteFoods = new Array("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]

Array.of();

Bạn cũng có thể lấy một chuỗi và tạo một mảng bằng split()phương pháp

str.split(optional-separator, optional-limit)

Tôi hy vọng bạn thích bài viết này về mảng JavaScript.

Nguồn: https://www.freecodecamp.org/news/how-to-create-an-array-in-javascript/

#javascript

Hoang Kim

1654827167

Mảng JavaScript - Cách tạo Mảng trong JavaScript

Mảng là một kiểu cấu trúc dữ liệu nơi bạn có thể lưu trữ danh sách các phần tử có thứ tự.

Trong bài viết này, tôi sẽ chỉ cho bạn 3 cách bạn có thể tạo một mảng bằng JavaScript. Tôi cũng sẽ chỉ cho bạn cách tạo một mảng từ một chuỗi bằng cách sử dụng phương thức split() này.

Cách tạo mảng trong JavaScript bằng toán tử gán

Cách phổ biến nhất để tạo một mảng trong JavaScript là gán mảng đó cho một biến như sau:

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

Nếu chúng ta console.loglà mảng, thì nó sẽ hiển thị cho chúng ta tất cả 4 phần tử được liệt kê trong mảng.

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

console.log(books);

Screen-Shot-2022-05-01-at-11.11.38-PM

Cách tạo mảng trong JavaScript bằng toán tử mới và phương thức khởi tạo mảng

Một cách khác để tạo mảng là sử dụng newtừ khóa với hàm Arraytạo.

Đây là cú pháp cơ bản:

new Array();

Nếu một tham số số được chuyển vào trong dấu ngoặc đơn, điều đó sẽ đặt độ dài cho mảng mới.

Trong ví dụ này, chúng tôi đang tạo một mảng có độ dài là 3 ô trống.

new Array(3)

Screen-Shot-2022-05-14-at-11.07.33-PM

Nếu chúng ta sử dụng thuộc tính length trên mảng mới, thì nó sẽ trả về số 3.

new Array(3).length

Nhưng nếu chúng tôi cố gắng truy cập bất kỳ phần tử nào của mảng, nó sẽ trở lại không xác định vì tất cả các vị trí đó hiện đang trống.

new Array(3)[0]

Screen-Shot-2022-05-14-at-11.10.02-PM

Chúng ta có thể sửa đổi ví dụ của mình để lấy nhiều tham số và tạo một mảng các mặt hàng thực phẩm.

let myFavoriteFoods = new Array("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]
console.log(myFavoriteFoods.length); // 3
console.log(myFavoriteFoods[1]); // "ice cream"

Screen-Shot-2022-05-14-at-11.13.48-PM

Cách tạo một mảng trong JavaScript bằng Array.of ()

Đây là cú pháp cơ bản:

Array.of();

Chúng tôi có thể sửa đổi ví dụ thực phẩm trước đó của chúng tôi để sử dụng Array.of()phương pháp như thế này.

let myFavoriteFoods = Array.of("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]
console.log(myFavoriteFoods.length); // 3
console.log(myFavoriteFoods[1]); // "ice cream"

Screen-Shot-2022-05-14-at-11.47.54-PM

Trong ví dụ này, nó sẽ trả về một mảng có số 4 trong đó.

let myArr = Array.of(4);

console.log(myArr);

Screen-Shot-2022-05-15-at-12.00.27-AM

Nhưng nếu tôi thay đổi ví dụ này để sử dụng phương thức khởi tạo Array, thì nó sẽ trả về một mảng gồm 4 vị trí trống.

let myArr = new Array(4);

console.log(myArr);

Screen-Shot-2022-05-15-at-12.02.03-AM

Cách tạo mảng từ một chuỗi bằng phương thức split ()

Đây là cú pháp cho phương thức split() JavaScript.

str.split(optional-separator, optional-limit)

Dấu phân tách tùy chọn là một loại mẫu cho máy tính biết nơi mỗi lần phân tách sẽ xảy ra.

Tham số giới hạn tùy chọn là một số dương cho máy tính biết có bao nhiêu chuỗi con trong giá trị mảng được trả về.

Trong ví dụ này, tôi có chuỗi "I love freeCodeCamp". Nếu tôi sử dụng phương thức split() không có dấu phân tách, thì giá trị trả về sẽ là một mảng của toàn bộ chuỗi.

const str = 'I love freeCodeCamp';

console.log(str.split());

Screen-Shot-2022-05-15-at-12.09.10-AM

Nếu tôi muốn thay đổi nó để chuỗi được chia thành các ký tự riêng lẻ, thì tôi sẽ cần thêm dấu phân tách. Dấu phân tách sẽ là một chuỗi trống.

const str = "I love freeCodeCamp";

console.log(str.split(""));

Screen-Shot-2022-05-15-at-12.10.58-AM

Lưu ý cách các khoảng trắng được coi là ký tự trong giá trị trả về.

Nếu tôi muốn thay đổi nó để chuỗi được chia thành các từ riêng lẻ, thì dấu phân tách sẽ là một chuỗi rỗng với khoảng trắng.

const str = "I love freeCodeCamp";

console.log(str.split(" "));

Screen-Shot-2022-05-15-at-12.11.32-AM

Sự kết luận

Trong bài viết này, tôi đã chỉ cho bạn ba cách để tạo một mảng bằng cách sử dụng toán tử gán, Hàm tạo mảng và Array.of()phương thức.

Cách phổ biến nhất để tạo một mảng trong JavaScript là gán mảng đó cho một biến như sau:

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

Một cách khác để tạo mảng là sử dụng newtừ khóa với hàm Arraytạo.

new Array();

Nếu một tham số số được truyền vào trong dấu ngoặc đơn, thì tham số đó sẽ đặt độ dài cho mảng mới với số vị trí trống đó.

Ví dụ, đoạn mã này sẽ tạo một mảng có độ dài là 3 ô trống.

new Array(3)

Chúng tôi cũng có thể chuyển nhiều tham số như sau:

let myFavoriteFoods = new Array("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]

Array.of();

Bạn cũng có thể lấy một chuỗi và tạo một mảng bằng phương pháp split()

str.split(optional-separator, optional-limit)

Tôi hy vọng bạn thích bài viết này về mảng JavaScript.

Nguồn: https://www.freecodecamp.org/news/how-to-create-an-array-in-javascript/

#javascript

Niraj Kafle

1589255577

The essential JavaScript concepts that you should understand

As a JavaScript developer of any level, you need to understand its foundational concepts and some of the new ideas that help us developing code. In this article, we are going to review 16 basic concepts. So without further ado, let’s get to it.

#javascript-interview #javascript-development #javascript-fundamental #javascript #javascript-tips