From 996b25b7804023bdbc5f9f112f0081cc567c4968 Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 21:54:44 +0700 Subject: [PATCH 01/11] Translate to Vietnamese --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 776 ++++++++++++++++++++++ 1 file changed, 776 insertions(+) create mode 100644 Vietnamese/05_Day_Arrays/05_day_arrays.md diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md new file mode 100644 index 0000000..ae95eb0 --- /dev/null +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -0,0 +1,776 @@ +
+

30 Days Of JavaScript: Arrays

+ + + + + Twitter Follow + + + Tác giả: + Asabeneh Yetayeh
+ Tháng 1, 2020 + +
+ +[<< Ngày 4](../04_Day_Conditionals/04_day_conditionals.md) | [Ngày 6 >>](../06_Day_Loops/06_day_loops.md) + +![Ngày 5](../images/banners/day_1_5.png) + +- [📔 Ngày 5](#-day-5) + - [Mảng(Arrays)](#arrays) + - [Cách tạo mảng rỗng](#how-to-create-an-empty-array) + - [Cách tạo mảng với giá trị](#how-to-create-an-array-with-values) + - [Tạo mảng bằng cách sử dụng phương thức split](#creating-an-array-using-split) + - [Truy cập các phần tử trong mảng bằng giá trị index ](#accessing-array-items-using-index) + - [Sửa đổi phần tử trong mảng](#modifying-array-element) + - [Các phương thức xử lý mảng](#methods-to-manipulate-array) + - [Hàm khởi tạo mảng](#array-constructor) + - [Tạo giá trị tĩnh với fill](#creating-static-values-with-fill) + - [Nối các mảng với phương thức conca](#concatenating-array-using-concat) + - [Lấy độ dài của mảng](#getting-array-length) + - [Lấy index của một phần tử trong mảng](#getting-index-an-element-in-arr-array) + - [Lấy index cuối cùng của một phần tử trong mảng](#getting-last-index-of-an-element-in-array) + - [Kiểm tra mảng](#checking-array) + - [Chuyển đổi mảng thành chuỗi](#converting-array-to-string) + - [Nối các phần tử trong mảng](#joining-array-elements) + - [Cắt các phần tử trong mảng](#slice-array-elements) + - [Phương thức splice trong mảng](#splice-method-in-array) + - [Thêm một phần tử vào mảng bằng phương thức pus](#adding-item-to-an-array-using-push) + - [Xóa phần tử cuối cùng bằng phương thức pop](#removing-the-end-element-using-pop) + - [Xóa một phần tử từ đầu mảng](#removing-an-element-from-the-beginning) + - [Thêm một phần tử từ đầu mảng](#add-an-element-from-the-beginning) + - [Đảo thứ tự mảng](#reversing-array-order) + - [Sắp xếp các phần tử trong mảng](#sorting-elements-in-array) + - [Mảng của các mảng](#array-of-arrays) + - [💻 Bài tập](#-exercise) + - [Bài tập: Cấp độ 1](#exercise-level-1) + - [Bài tập: Cấp độ 2](#exercise-level-2) + - [Bài tập: Cấp độ 3](#exercise-level-3) + +# 📔 Day 5 + +## Arrays + +Khác với biến, một mảng có thể lưu trữ _nhiều giá trị_. Mỗi giá trị trong một mảng có _index_ và mỗi index chỉ có _một địa chỉ tham chiếu trong bộ nhớ_. Mỗi giá trị có thể được truy cập bằng cách sử dụng _index_ của chúng. Index của một mảng bắt đầu từ _số không_, và index của phần tử cuối cùng ít hơn một đơn vị so với độ dài của mảng. + +Một mảng là một tập hợp các kiểu dữ liệu khác nhau có thứ tự và có thể được thay đổi (có thể sửa đổi). Một mảng cho phép lưu trữ các phần tử trùng lặp và các kiểu dữ liệu khác nhau. Một mảng có thể trống hoặc có thể chứa các giá trị khác nhau về kiểu dữ liệu. + +### Cách tạo một mảng rỗng + +Trong JavaScript, chúng ta có thể tạo một mảng bằng nhiều cách khác nhau. Dưới đây là các cách để tạo một mảng. +Thường thì người ta sử dụng từ khóa _const_ thay vì _let_ để khai báo biến mảng. Nếu bạn sử dụng _const_ thì có nghĩa là bạn không sử dụng lại tên biến đó. + +- Sử dụng constructor Array + +```js +// syntax +const arr = Array() +// hoặc +// let arr = new Array() +console.log(arr) // [] +``` + +- Using square brackets([]) + +```js +// syntax +// Sử dụng dấu ngoặc vuông([]) +const arr = [] +console.log(arr) +``` + +### Cách tạo mảng với giá trị + +Mảng với các gia trị ban đầu. Chúng ta sử dụng thuộc tính _length_ để tìm độ dài của chuỗi. + +```js +const numbers = [0, 3.14, 9.81, 37, 98.6, 100] // mảng các số. +const fruits = ['banana', 'orange', 'mango', 'lemon'] // mảng trái cây +const vegetables = ['Tomato', 'Potato', 'Cabbage', 'Onion', 'Carrot'] // mảng rau củ +const animalProducts = ['milk', 'meat', 'butter', 'yoghurt'] // mảng các sản phẩm +const webTechs = ['HTML', 'CSS', 'JS', 'React', 'Redux', 'Node', 'MongDB'] // mảng các công nghệ web +const countries = ['Finland', 'Denmark', 'Sweden', 'Norway', 'Iceland'] // mảng các quốc gia. + +// In ấn mảng và độ dài của mảng. + +console.log('Numbers:', numbers) +console.log('Number of numbers:', numbers.length) + +console.log('Fruits:', fruits) +console.log('Number of fruits:', fruits.length) + +console.log('Vegetables:', vegetables) +console.log('Number of vegetables:', vegetables.length) + +console.log('Animal products:', animalProducts) +console.log('Number of animal products:', animalProducts.length) + +console.log('Web technologies:', webTechs) +console.log('Number of web technologies:', webTechs.length) + +console.log('Countries:', countries) +console.log('Number of countries:', countries.length) +``` + +```sh +Numbers: [0, 3.14, 9.81, 37, 98.6, 100] +Number of numbers: 6 +Fruits: ['banana', 'orange', 'mango', 'lemon'] +Number of fruits: 4 +Vegetables: ['Tomato', 'Potato', 'Cabbage', 'Onion', 'Carrot'] +Number of vegetables: 5 +Animal products: ['milk', 'meat', 'butter', 'yoghurt'] +Number of animal products: 4 +Web technologies: ['HTML', 'CSS', 'JS', 'React', 'Redux', 'Node', 'MongDB'] +Number of web technologies: 7 +Countries: ['Finland', 'Estonia', 'Denmark', 'Sweden', 'Norway'] +Number of countries: 5 +``` + +- Mảng có thể chứa các phần tử khác nhau về kiểu dữ liệu + +```js +const arr = [ + 'Asabeneh', + 250, + true, + { country: 'Finland', city: 'Helsinki' }, + { skills: ['HTML', 'CSS', 'JS', 'React', 'Python'] } +] // arr containing different data types +console.log(arr) +``` + +### Tạo một mảng sử dụng phương thức split. + +Như chúng ta đã thấy ở phía trên, chúng ta có thể chia một chuỗi ở các vị trí khác nhau và chuyển nó thành một mảng. Xem thêm các ví dụ dưới đây. + +```js +let js = 'JavaScript' +const charsInJavaScript = js.split('') + +console.log(charsInJavaScript) // ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t"] + +let companiesString = 'Facebook, Google, Microsoft, Apple, IBM, Oracle, Amazon' +const companies = companiesString.split(',') + +console.log(companies) // ["Facebook", " Google", " Microsoft", " Apple", " IBM", " Oracle", " Amazon"] +let txt = + 'I love teaching and empowering people. I teach HTML, CSS, JS, React, Python.' +const words = txt.split(' ') + +console.log(words) +// văn bản có các ký tự đặc biệt, hãy nghĩ cách để chỉ lấy được các từ. +// ["I", "love", "teaching", "and", "empowering", "people.", "I", "teach", "HTML,", "CSS,", "JS,", "React,", "Python"] +``` + +### Tru cập phần tử của mảng bằng cách sử dụng giá trị index + +Chúng ta truy cập từng phần tử trong một mảng bằng cách sử dụng giá trị index của chúng. Index của một mảng bắt đầu từ 0. Hình ảnh dưới đây cho thấy rõ giá trị index của từng phần tử trong mảng. + +![arr index](../images/array_index.png) + +```js +const fruits = ['banana', 'orange', 'mango', 'lemon'] +let firstFruit = fruits[0] // we are accessing the first item using its index + +console.log(firstFruit) // banana + +secondFruit = fruits[1] +console.log(secondFruit) // orange + +let lastFruit = fruits[3] +console.log(lastFruit) // lemon +// Giá trị index cuối có thể tính theo cách sau + +let lastIndex = fruits.length - 1 +lastFruit = fruits[lastIndex] + +console.log(lastFruit) // lemon +``` + +```js +const numbers = [0, 3.14, 9.81, 37, 98.6, 100] // mảng các số + +console.log(numbers.length) // => để biết độ dài của mảng (mảng có 6 phần tử) +console.log(numbers) // -> [0, 3.14, 9.81, 37, 98.6, 100] +console.log(numbers[0]) // -> 0 +console.log(numbers[5]) // -> 100 + +let lastIndex = numbers.length - 1; +console.log(numbers[lastIndex]) // -> 100 +``` + +```js +const webTechs = [ + 'HTML', + 'CSS', + 'JavaScript', + 'React', + 'Redux', + 'Node', + 'MongoDB' +] // Danh sách các công nghệ web + +console.log(webTechs) // tất cả phẩn tử của mảng +console.log(webTechs.length) // => để biết độ dài của mảng (mảng có 7 phần tử) +console.log(webTechs[0]) // -> HTML +console.log(webTechs[6]) // -> MongoDB + +let lastIndex = webTechs.length - 1 +console.log(webTechs[lastIndex]) // -> MongoDB +``` + +```js +const countries = [ + 'Albania', + 'Bolivia', + 'Canada', + 'Denmark', + 'Ethiopia', + 'Finland', + 'Germany', + 'Hungary', + 'Ireland', + 'Japan', + 'Kenya' +] // Danh sách các quốc gia + +console.log(countries) // -> tất cả phần tử trong mảng +console.log(countries[0]) // -> Albania +console.log(countries[10]) // -> Kenya + +let lastIndex = countries.length - 1; +console.log(countries[lastIndex]) // -> Kenya +``` + +```js +const shoppingCart = [ + 'Milk', + 'Mango', + 'Tomato', + 'Potato', + 'Avocado', + 'Meat', + 'Eggs', + 'Sugar' +] // Danh sách các sản phẩm + +console.log(shoppingCart) // -> tất cả phần tử trong mảng +console.log(shoppingCart[0]) // -> Milk +console.log(shoppingCart[7]) // -> Sugar + +let lastIndex = shoppingCart.length - 1; +console.log(shoppingCart[lastIndex]) // -> Sugar +``` + +### Modifying array element + +An array is mutable(modifiable). Once an array is created, we can modify the contents of the array elements. + +```js +const numbers = [1, 2, 3, 4, 5] +numbers[0] = 10 // Đổi giá trị phần tử có index 0 thành 10 +numbers[1] = 20 // Đổi giá trị phần tử có index 1 thành 20 + +console.log(numbers) // [10, 20, 3, 4, 5] + +const countries = [ + 'Albania', + 'Bolivia', + 'Canada', + 'Denmark', + 'Ethiopia', + 'Finland', + 'Germany', + 'Hungary', + 'Ireland', + 'Japan', + 'Kenya' +] + +countries[0] = 'Afghanistan' // Đổi Albania thành Afghanistan +let lastIndex = countries.length - 1 +countries[lastIndex] = 'Korea' // Đổi Kenya thành Korea + +console.log(countries) +``` + +```sh +["Afghanistan", "Bolivia", "Canada", "Denmark", "Ethiopia", "Finland", "Germany", "Hungary", "Ireland", "Japan", "Korea"] +``` + +### Các phương thức để thao tác với mảng + +Có nhiều phương thức khác nhau để thao tác với một mảng. Đây là một số phương thức có sẵn để làm việc với mảng:_Array, length, concat, indexOf, slice, splice, join, toString, includes, lastIndexOf, isArray, fill, push, pop, shift, unshift_ + +#### Array Constructor + +Array:Sử dụng để tạo một mảng. + +```js +const arr = Array() // Tạo một mảng rổng +console.log(arr) + +const eightEmptyValues = Array(8) // tạo một mảng chứa 8 phần tử có giá trị rổng +console.log(eightEmptyValues) // [empty x 8] +``` + +#### Creating static values with fill + +fill: Điền tất cả các phần tử của mảng với một giá trị tĩnh + +```js +const arr = Array() // Tạo một mảng rổng +console.log(arr) + +const eightXvalues = Array(8).fill('X') // Tạo mảng có 8 phần tử giá trị là 'X' +console.log(eightXvalues) // ['X', 'X','X','X','X','X','X','X'] + +const eight0values = Array(8).fill(0) // Tạo mảng có 8 phần tử giá trị là '0' +console.log(eight0values) // [0, 0, 0, 0, 0, 0, 0, 0] + +const four4values = Array(4).fill(4) // Tạo mảng có 4 phần tử giá trị là '4' +console.log(four4values) // [4, 4, 4, 4] +``` + +#### Nối mảng bằng concat + +concat:Dùng để nối hai mảng.. + +```js +const firstList = [1, 2, 3] +const secondList = [4, 5, 6] +const thirdList = firstList.concat(secondList) + +console.log(thirdList) // [1, 2, 3, 4, 5, 6] +``` + +```js +const fruits = ['banana', 'orange', 'mango', 'lemon'] // mảng trái cây +const vegetables = ['Tomato', 'Potato', 'Cabbage', 'Onion', 'Carrot'] // mảng rau củ +const fruitsAndVegetables = fruits.concat(vegetables) // nối hai mảng lại + +console.log(fruitsAndVegetables) +``` + +```sh +["banana", "orange", "mango", "lemon", "Tomato", "Potato", "Cabbage", "Onion", "Carrot"] +``` + +#### Lấy độ dài của mảng + +Length:Để biết kích thước của mảng + +```js +const numbers = [1, 2, 3, 4, 5] +console.log(numbers.length) // -> 5 là kích thước của mảng +``` + +#### Lấy index của một phần tử trong mảng + +indexOf: Dùng để kiểm tra xem một phần tử có tồn tại trong mảng hay không. Nếu tồn tại nó sẽ trả về giá trị index của phần tử đó, nếu không nó sẽ trả về -1. + +```js +const numbers = [1, 2, 3, 4, 5] + +console.log(numbers.indexOf(5)) // -> 4 +console.log(numbers.indexOf(0)) // -> -1 +console.log(numbers.indexOf(1)) // -> 0 +console.log(numbers.indexOf(6)) // -> -1 +``` + +Kiểm tra xem phần tử có tồn tại trong mảng không. + +- Kiểm tra các phần tử trong một danh sách. + +```js +// Chúng ta hãy thử xem banana có tồn tại trong mảng + +const fruits = ['banana', 'orange', 'mango', 'lemon'] +let index = fruits.indexOf('banana') // 0 + +if(index === -1){ + console.log('This fruit does not exist in the array') +} else { + console.log('This fruit does exist in the array') +} +// Phần tử này có tồn tại trong mảng + +// Chúng ta cũng có thể sử dụng toán tử ba ngôi ở đây. +index === -1 ? console.log('This fruit does not exist in the array'): console.log('This fruit does exist in the array') + +// Chúng ta hãy thử xem avocado có tồn tại trong mảng +let indexOfAvocado = fruits.indexOf('avocado') // -1, if the element not found index is -1 +if(indexOfAvocado === -1){ + console.log('This fruit does not exist in the array') +} else { + console.log('This fruit does exist in the array') +} +// Phần tử này có tồn tại trong mảng +``` + +#### Lấy index cuối cùng của một phần tử trong mảng + +lastIndexOf: Trả giá trị index của phần tử cuối cùng trong mảng. Nếu không tồn tại, nó sẽ trả giá trị -1. + +```js +const numbers = [1, 2, 3, 4, 5, 3, 1, 2] + +console.log(numbers.lastIndexOf(2)) // 7 +console.log(numbers.lastIndexOf(0)) // -1 +console.log(numbers.lastIndexOf(1)) // 6 +console.log(numbers.lastIndexOf(4)) // 3 +console.log(numbers.lastIndexOf(6)) // -1 +``` + +includes: Để kiểm tra xem phần tử có tồn tại trong mảng. Nếu có sẻ trả về true nếu không thì false. + +```js +const numbers = [1, 2, 3, 4, 5] + +console.log(numbers.includes(5)) // true +console.log(numbers.includes(0)) // false +console.log(numbers.includes(1)) // true +console.log(numbers.includes(6)) // false + +const webTechs = [ + 'HTML', + 'CSS', + 'JavaScript', + 'React', + 'Redux', + 'Node', + 'MongoDB' +] // Danh sách các công nghệ web + +console.log(webTechs.includes('Node')) // true +console.log(webTechs.includes('C')) // false +``` + +#### Kiểm tra mảng + +Array.isArray:để kiểm tra xem đối tượng có phải là mảng không + +```js +const numbers = [1, 2, 3, 4, 5] +console.log(Array.isArray(numbers)) // true + +const number = 100 +console.log(Array.isArray(number)) // false +``` + +#### Converting array to string + +toString:Converts array to string + +```js +const numbers = [1, 2, 3, 4, 5] +console.log(numbers.toString()) // 1,2,3,4,5 + +const names = ['Asabeneh', 'Mathias', 'Elias', 'Brook'] +console.log(names.toString()) // Asabeneh,Mathias,Elias,Brook +``` + +#### Joining array elements + +join: +Phương thức join được sử dụng để nối các phần tử của mảng. Đối số mà chúng ta truyền vào phương thức join sẽ được nối vào trong mảng và trả về dưới dạng một chuỗi. Theo mặc định, phương thức join sẽ nối các phần tử bằng dấu phẩy, tuy nhiên chúng ta có thể truyền một ký tự khác để nối giữa các phần tử. + +```js +const numbers = [1, 2, 3, 4, 5] +console.log(numbers.join()) // 1,2,3,4,5 + +const names = ['Asabeneh', 'Mathias', 'Elias', 'Brook'] + +console.log(names.join()) // Asabeneh,Mathias,Elias,Brook +console.log(names.join('')) //AsabenehMathiasEliasBrook +console.log(names.join(' ')) //Asabeneh Mathias Elias Brook +console.log(names.join(', ')) //Asabeneh, Mathias, Elias, Brook +console.log(names.join(' # ')) //Asabeneh # Mathias # Elias # Brook + +const webTechs = [ + 'HTML', + 'CSS', + 'JavaScript', + 'React', + 'Redux', + 'Node', + 'MongoDB' +] // danh sách công nghệ web + +console.log(webTechs.join()) // "HTML,CSS,JavaScript,React,Redux,Node,MongoDB" +console.log(webTechs.join(' # ')) // "HTML # CSS # JavaScript # React # Redux # Node # MongoDB" +``` + +#### Slice array elements + +Slice: Để cắt ra nhiều phần tử trong một khoảng, ta sử dụng phương thức slice(). Nó nhận hai tham số: vị trí bắt đầu và vị trí kết thúc hoặc không bao gồm vị trí kết thúc. + +```js + const numbers = [1,2,3,4,5] + + console.log(numbers.slice()) // -> [1, 2, 3, 4, 5], sao chép tất cả phần tử + console.log(numbers.slice(0)) // -> [1, 2, 3, 4, 5], sao chép tất cả phần tử + console.log(numbers.slice(0, numbers.length)) // [1, 2, 3, 4, 5], sao chép tất cả phần tử + console.log(numbers.slice(1,4)) // -> [2,3,4] // không bao gồm vị trí kết thúc +``` + +#### Splice method in array + +Splice: Lấy ba tham số: vị trí bắt đầu, số lần xóa phần tử và các tử mới được thêm vào. + +```js + const numbers = [1, 2, 3, 4, 5] + numbers.splice() + console.log(numbers) // ->[1, 2, 3, 4, 5], sao chép tất cả phần tử + +``` + +```js + const numbers = [1, 2, 3, 4, 5] + numbers.splice(0,1) + console.log(numbers) // loại bỏ giá trị đầu tiên +``` + +```js + const numbers = [1, 2, 3, 4, 5, 6] + numbers.splice(3, 3, 7, 8, 9) + console.log(numbers.splice(3, 3, 7, 8, 9)) // -> [1, 2, 3, 7, 8, 9] //loại bỏ và thay thế 3 giá trị mới từ phần tử có index 3 +``` + +#### Adding item to an array using push + +Push: Để thêm một phần tử vào cuối một mảng hiện có, chúng ta sử dụng phương thức push. + +```js +// syntax +const arr = ['item1', 'item2','item3'] +arr.push('new item') +console.log(arr) +// ['item1', 'item2','item3','new item'] +``` + +```js +const numbers = [1, 2, 3, 4, 5] +numbers.push(6) +console.log(numbers) // -> [1,2,3,4,5,6] + +numbers.pop() // -> xóa phần tử ở cuối +console.log(numbers) // -> [1,2,3,4,5] +``` + +```js +let fruits = ['banana', 'orange', 'mango', 'lemon'] +fruits.push('apple') +console.log(fruits) // ['banana', 'orange', 'mango', 'lemon', 'apple'] + +fruits.push('lime') +console.log(fruits) // ['banana', 'orange', 'mango', 'lemon', 'apple', 'lime'] +``` + +#### Xóa phần tử cuối cùng bằng phương thức pop + +pop: Xóa phần tử ở cuối + +```js +const numbers = [1, 2, 3, 4, 5] +numbers.pop() // -> xóa phần tử ở cuối +console.log(numbers) // -> [1,2,3,4] +``` + +#### Xóa một phần tử từ đầu mảng + +shift: Xóa một phần tử từ đầu mảng. + +```js +const numbers = [1, 2, 3, 4, 5] +numbers.shift() // -> xóa phần tử ở đầu mảng +console.log(numbers) // -> [2,3,4,5] +``` + +#### Thêm một phần tử từ đầu mảng + +unshift: Thêm một phần tử vào đầu mảng. + +```js +const numbers = [1, 2, 3, 4, 5] +numbers.unshift(0) // -> thêm mới một phần tử vào đầu mảng +console.log(numbers) // -> [0,1,2,3,4,5] +``` + +#### Đảo thứ tự mảng + +reverse: Đảo ngược thứ tự của mảng. + +```js +const numbers = [1, 2, 3, 4, 5] +numbers.reverse() // -> đảo ngược mảng +console.log(numbers) // [5, 4, 3, 2, 1] + +numbers.reverse() +console.log(numbers) // [1, 2, 3, 4, 5] +``` + +#### Sắp xếp các phần tử trong mảng + +sort: aSắp xếp các phần tử của mảng theo thứ tự tăng dần. Phương thức sort cần một hàm callback, dưới đây là các ví dụ sort với hàm callback trong phần tiếp theo. + +```js +const webTechs = [ + 'HTML', + 'CSS', + 'JavaScript', + 'React', + 'Redux', + 'Node', + 'MongoDB' +] + +webTechs.sort() +console.log(webTechs) // ["CSS", "HTML", "JavaScript", "MongoDB", "Node", "React", "Redux"] + +webTechs.reverse() // sau khi sắp xếp chúng ta có thể đảo ngược vị trí trong mảng +console.log(webTechs) // ["Redux", "React", "Node", "MongoDB", "JavaScript", "HTML", "CSS"] +``` + +### Mảng của các mảng + + +Mảng có thể lưu trữ các kiểu dữ liệu khác nhau bao gồm một mảng. Hãy tạo một mảng của các mảng. + +```js +const firstNums = [1, 2, 3] +const secondNums = [1, 4, 9] + +const arrayOfArray = [[1, 2, 3], [1, 2, 3]] +console.log(arrayOfArray[0]) // [1, 2, 3] + + const frontEnd = ['HTML', 'CSS', 'JS', 'React', 'Redux'] + const backEnd = ['Node','Express', 'MongoDB'] + const fullStack = [frontEnd, backEnd] + console.log(fullStack) // [["HTML", "CSS", "JS", "React", "Redux"], ["Node", "Express", "MongoDB"]] + console.log(fullStack.length) // 2 + console.log(fullStack[0]) // ["HTML", "CSS", "JS", "React", "Redux"] + console.log(fullStack[1]) // ["Node", "Express", "MongoDB"] +``` + +🌕 Bạn đã cần cù và đạt được rất nhiều. Bạn vừa hoàn thành các thử thách của ngày 5 và đã tiến được 5 bước trong hành trình trở thành một người vĩ đại. Bây giờ hãy làm một ít bài tập cho não bộ và cơ thể của bạn. + +## 💻 Bài tập + +### Bài tập: Mức dộ 1 + +```js +const countries = [ + 'Albania', + 'Bolivia', + 'Canada', + 'Denmark', + 'Ethiopia', + 'Finland', + 'Germany', + 'Hungary', + 'Ireland', + 'Japan', + 'Kenya' +] + +const webTechs = [ + 'HTML', + 'CSS', + 'JavaScript', + 'React', + 'Redux', + 'Node', + 'MongoDB' +] +``` + +1. Khai báo một mảng rỗng; +2. Khai báo một mảng có hơn 5 phần tử +3. Tìm độ dài của mảng của bạn +4. Lấy phần tử đầu tiên, phần tử giữa và phần tử cuối cùng của mảng +5. Khai báo một mảng được gọi là _mixedDataTypes_, đặt các loại dữ liệu khác nhau trong mảng và tìm độ dài của mảng. Kích thước mảng phải lớn hơn 5 +6. Khai báo một biến mảng tên là itCompanies và gán các giá trị ban đầu Facebook, Google, Microsoft, Apple, IBM, Oracle và Amazon +7. In mảng bằng _console.log()_ +8. In số lượng công ty trong mảng +9. In công ty đầu tiên, công ty giữa và công ty cuối cùng +10. In từng công ty trong mảng +11. Viết hoa tên các công ty và viết chúng ra +12. In mảng dưới dạng câu như: Facebook, Google, Microsoft, Apple, IBM,Oracle and Amazon are big IT companies. +13. Kiểm tra xem một công ty cụ thể có tồn tại trong mảng itCompanies. Nếu tồn tại, trả lại công ty đó, ngược lại trả lại một công ty _không tìm thấy_ +14. Lọc các công ty có hơn một 'o' mà không có phương thức filter +15. Sắp xếp mảng bằng phương thức _sort()_ +16. Đảo ngược mảng bằng phương thức _reverse()_ +17. Cắt ra 3 công ty đầu tiên khỏi mảng +18. Cắt ra công ty hoặc các công ty IT ở giữa khỏi mảng +19. Cắt ra công ty hoặc các công ty IT ở giữa khỏi mảng +20. Xóa công ty IT đầu tiên khỏi mảng +21. Xóa công ty IT ở giữa khỏi mảng +22. Xóa công ty IT cuối cùng khỏi mảng +23. Xóa tất cả các công ty IT + +### Exercise: Level 2 + +1. Tạo một file riêng tên countries.js và lưu trữ mảng countries vào file này, tạo một file riêng tên web_techs.js và lưu trữ mảng webTechs vào file này. Truy cập vào cả hai file trong file main.js +1. Đầu tiên loại bỏ tất cả các dấu chấm câu và chuyển đổi chuỗi thành mảng và đếm số từ trong mảng. + + ```js + let text = + 'I love teaching and empowering people. I teach HTML, CSS, JS, React, Python.' + console.log(words) + console.log(words.length) + ``` + + ```sh + ["I", "love", "teaching", "and", "empowering", "people", "I", "teach", "HTML", "CSS", "JS", "React", "Python"] + + 13 + ``` + +1. Trong mảng shopping cart sau thêm, xóa và chỉnh sửa các mặt hàng + + ```js + const shoppingCart = ['Milk', 'Coffee', 'Tea', 'Honey'] + ``` + + - thêm 'Meat' vào đầu giỏ hàng của bạn nếu nó chưa được thêm trước đó + - thêm Sugar vào cuối giỏ hàng của bạn nếu nó chưa được thêm trước đó + - xóa 'Honey' nếu bạn dị ứng với mật ong + - sửa Tea thành 'Green Tea' +1. Trong mảng quốc gia, kiểm tra xem 'Ethiopia' có tồn tại trong mảng không, nếu có, in ra 'ETHIOPIA'. Nếu không tồn tại, thêm nó vào danh sách các quốc gia. +1. Trong mảng webTechs, kiểm tra xem Sass có tồn tại trong mảng không và nếu có in ra 'Sass is a CSS preprocessS'. Nếu không tồn tại, thêm Sass vào mảng và in ra mảng đó. +1. Ghép nối hai biến sau đây và lưu nó vào một biến fullStack. + + ```js + const frontEnd = ['HTML', 'CSS', 'JS', 'React', 'Redux'] + const backEnd = ['Node','Express', 'MongoDB'] + + console.log(fullStack) + ``` + + ```sh + ["HTML", "CSS", "JS", "React", "Redux", "Node", "Express", "MongoDB"] + ``` + +### Exercise: Level 3 + +1. Dưới đây là mảng chứ tuổi của 10 học sinh + + ```js + const ages = [19, 22, 19, 24, 20, 25, 26, 24, 25, 24] + ``` + + - Sắp xếp mảng và tìm giá trị tuổi nhỏ nhất và lớn nhất + - Tìm tuổi trung bình (tổng các giá trị chia cho số lượng các giá trị) + - Tìm phạm vi tuổi (giá trị lớn nhất trừ giá trị nhỏ nhất) + - Find the range of the ages(max minus min) + - So sánh giá trị của (giá trị nhỏ nhất - giá trị trung bình) và (giá trị lớn nhất - giá trị trung bình), sử dụng phương thức _abs()_ +1.Cắt 10 quốc gia đầu tiên từ [countries array](https://github.com/Asabeneh/30DaysOfJavaScript/tree/master/data/countries.js) +1. Tìm quốc gia hoặc các quốc gia ở giữa mảng [countries array](https://github.com/Asabeneh/30DaysOfJavaScript/tree/master/data/countries.js) +2. Chia mảng quốc gia thành hai mảng bằng nhau nếu nó có số phần tử chẵn. Nếu mảng quốc gia không chẵn, cho một quốc gia nữa vào nửa đầu tiên. + +🎉 CHÚC MỪNG ! 🎉 + +[<< Day 4](../04_Day_Conditionals/04_day_Conditionals.md) | [Day 6 >>](../06_Day_Loops/06_day_loops.md) From d334d9483b506c5e2bf18398cd5222ea6ec32e51 Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 22:14:42 +0700 Subject: [PATCH 02/11] fix translate to vietnamese day 5 --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 109 +++++++++++----------- 1 file changed, 54 insertions(+), 55 deletions(-) diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md index ae95eb0..4b9e5e8 100644 --- a/Vietnamese/05_Day_Arrays/05_day_arrays.md +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -15,42 +15,42 @@ [<< Ngày 4](../04_Day_Conditionals/04_day_conditionals.md) | [Ngày 6 >>](../06_Day_Loops/06_day_loops.md) -![Ngày 5](../images/banners/day_1_5.png) +![Ngày 5](../../images/banners/day_1_5.png) - [📔 Ngày 5](#-day-5) - [Mảng(Arrays)](#arrays) - - [Cách tạo mảng rỗng](#how-to-create-an-empty-array) - - [Cách tạo mảng với giá trị](#how-to-create-an-array-with-values) - - [Tạo mảng bằng cách sử dụng phương thức split](#creating-an-array-using-split) - - [Truy cập các phần tử trong mảng bằng giá trị index ](#accessing-array-items-using-index) - - [Sửa đổi phần tử trong mảng](#modifying-array-element) - - [Các phương thức xử lý mảng](#methods-to-manipulate-array) - - [Hàm khởi tạo mảng](#array-constructor) - - [Tạo giá trị tĩnh với fill](#creating-static-values-with-fill) - - [Nối các mảng với phương thức conca](#concatenating-array-using-concat) - - [Lấy độ dài của mảng](#getting-array-length) - - [Lấy index của một phần tử trong mảng](#getting-index-an-element-in-arr-array) - - [Lấy index cuối cùng của một phần tử trong mảng](#getting-last-index-of-an-element-in-array) - - [Kiểm tra mảng](#checking-array) - - [Chuyển đổi mảng thành chuỗi](#converting-array-to-string) - - [Nối các phần tử trong mảng](#joining-array-elements) - - [Cắt các phần tử trong mảng](#slice-array-elements) - - [Phương thức splice trong mảng](#splice-method-in-array) - - [Thêm một phần tử vào mảng bằng phương thức pus](#adding-item-to-an-array-using-push) - - [Xóa phần tử cuối cùng bằng phương thức pop](#removing-the-end-element-using-pop) - - [Xóa một phần tử từ đầu mảng](#removing-an-element-from-the-beginning) - - [Thêm một phần tử từ đầu mảng](#add-an-element-from-the-beginning) - - [Đảo thứ tự mảng](#reversing-array-order) - - [Sắp xếp các phần tử trong mảng](#sorting-elements-in-array) - - [Mảng của các mảng](#array-of-arrays) - - [💻 Bài tập](#-exercise) - - [Bài tập: Cấp độ 1](#exercise-level-1) - - [Bài tập: Cấp độ 2](#exercise-level-2) - - [Bài tập: Cấp độ 3](#exercise-level-3) + - [Cách tạo mảng rỗng](#cach-tao-mang-rong) + - [Cách tạo mảng với giá trị](#cach-tao-mang-voi-gia-tri) + - [Tạo mảng bằng cách sử dụng phương thức split](#tao-mang-bang-cach-su-dung-phuong-thuc-split) + - [Truy cập các phần tử trong mảng bằng giá trị index](#truy-cap-cac-phan-tu-trong-mang-bang-gia-tri-index) + - [Sửa đổi phần tử trong mảng](#sua-doi-cac-phan-tu-trong-mang) + - [Các phương thức xử lý mảng](#cac-phuong-thuc-xu-ly-mang) + - [Hàm khởi tạo mảng](#Hàm-khoi-tao-mang) + - [Tạo giá trị tĩnh với fill](#tao-gia-tri-tinh-voi-fill) + - [Nối các mảng với phương thức concat](#noi-cac-mang-voi-phuong-thuc-concat) + - [Lấy độ dài của mảng](#lay-do-dai-cua-mang) + - [Lấy index của một phần tử trong mảng](#lay-index-cua-mot-phan-tu-trong-mang) + - [Lấy index cuối cùng của một phần tử trong mảng](#lay-index-cuoi-cung-cua-mot-phan-tu-trong-mang) + - [Kiểm tra mảng](#kiem-tra-mang) + - [Chuyển đổi mảng thành chuỗi](#chuyen-doi-mang-thanh-chuoi) + - [Nối các phần tử trong mảng](#noi-cac-phan-tu-trong-mang) + - [Cắt các phần tử trong mảng](#cat-cac-phan-tu-trong-mang) + - [Phương thức splice trong mảng](#phuong-thuc-splice-trong-mang) + - [Thêm một phần tử vào mảng bằng phương thức push](#them-mot-phan-tu-vao-mang-bang-phuong-thuc-push) + - [Xóa phần tử cuối cùng bằng phương thức pop](#xoa-phan-tu-cuoi-cung-bang-phuong-thuc-pop) + - [Xóa một phần tử đầu mảng](#xoa-mot-phan-tu-dau-mang) + - [Thêm một phần tử đầu mảng](#them-mot-phan-tu-dau-mang) + - [Đảo thứ tự mảng](#rdao-thu-tu-mang) + - [Sắp xếp các phần tử trong mảng](#sap-xep-cac-phan-tu-trong-mang) + - [Mảng của các mảng](#mang-cua-cac-mang) + - [💻 Bài tập](#-bai-tap) + - [Bài tập: Cấp độ 1](#bai-tap-cap-do-1) + - [Bài tập: Cấp độ 2](#bai-tap-cap-do-2) + - [Bài tập: Cấp độ 3](#bai-tap-cap-do-3) # 📔 Day 5 -## Arrays +## Mảng Khác với biến, một mảng có thể lưu trữ _nhiều giá trị_. Mỗi giá trị trong một mảng có _index_ và mỗi index chỉ có _một địa chỉ tham chiếu trong bộ nhớ_. Mỗi giá trị có thể được truy cập bằng cách sử dụng _index_ của chúng. Index của một mảng bắt đầu từ _số không_, và index của phần tử cuối cùng ít hơn một đơn vị so với độ dài của mảng. @@ -71,7 +71,7 @@ const arr = Array() console.log(arr) // [] ``` -- Using square brackets([]) +- Sử dụng dấu ngoặc vuông([]) ```js // syntax @@ -141,7 +141,7 @@ const arr = [ console.log(arr) ``` -### Tạo một mảng sử dụng phương thức split. +### Tạo mảng bằng cách sử dụng phương thức split. Như chúng ta đã thấy ở phía trên, chúng ta có thể chia một chuỗi ở các vị trí khác nhau và chuyển nó thành một mảng. Xem thêm các ví dụ dưới đây. @@ -164,11 +164,11 @@ console.log(words) // ["I", "love", "teaching", "and", "empowering", "people.", "I", "teach", "HTML,", "CSS,", "JS,", "React,", "Python"] ``` -### Tru cập phần tử của mảng bằng cách sử dụng giá trị index +### Truy cập các phần tử trong mảng bằng giá trị index Chúng ta truy cập từng phần tử trong một mảng bằng cách sử dụng giá trị index của chúng. Index của một mảng bắt đầu từ 0. Hình ảnh dưới đây cho thấy rõ giá trị index của từng phần tử trong mảng. -![arr index](../images/array_index.png) +![arr index](../../images/array_index.png) ```js const fruits = ['banana', 'orange', 'mango', 'lemon'] @@ -264,9 +264,9 @@ let lastIndex = shoppingCart.length - 1; console.log(shoppingCart[lastIndex]) // -> Sugar ``` -### Modifying array element +### Sửa đổi phần tử trong mảng -An array is mutable(modifiable). Once an array is created, we can modify the contents of the array elements. +Một mảng có thể thay đổi (có thể chỉnh sửa). Một khi một mảng đã được tạo, chúng ta có thể chỉnh sửa nội dung của các phần tử trong mảng. ```js const numbers = [1, 2, 3, 4, 5] @@ -300,11 +300,11 @@ console.log(countries) ["Afghanistan", "Bolivia", "Canada", "Denmark", "Ethiopia", "Finland", "Germany", "Hungary", "Ireland", "Japan", "Korea"] ``` -### Các phương thức để thao tác với mảng +### Các phương thức xử lý mảng Có nhiều phương thức khác nhau để thao tác với một mảng. Đây là một số phương thức có sẵn để làm việc với mảng:_Array, length, concat, indexOf, slice, splice, join, toString, includes, lastIndexOf, isArray, fill, push, pop, shift, unshift_ -#### Array Constructor +#### Hàm khởi tạo mảng Array:Sử dụng để tạo một mảng. @@ -316,7 +316,7 @@ const eightEmptyValues = Array(8) // tạo một mảng chứa 8 phần tử có console.log(eightEmptyValues) // [empty x 8] ``` -#### Creating static values with fill +#### Tạo giá trị tĩnh với fill fill: Điền tất cả các phần tử của mảng với một giá trị tĩnh @@ -334,9 +334,9 @@ const four4values = Array(4).fill(4) // Tạo mảng có 4 phần tử giá tr console.log(four4values) // [4, 4, 4, 4] ``` -#### Nối mảng bằng concat +#### Nối các mảng với phương thức conca -concat:Dùng để nối hai mảng.. +concat:Dùng để nối hai mảng. ```js const firstList = [1, 2, 3] @@ -460,9 +460,9 @@ const number = 100 console.log(Array.isArray(number)) // false ``` -#### Converting array to string +#### Chuyển đổi mảng thành chuỗi -toString:Converts array to string +toString:Chuyển đổi mảng thành chuỗi ```js const numbers = [1, 2, 3, 4, 5] @@ -472,10 +472,9 @@ const names = ['Asabeneh', 'Mathias', 'Elias', 'Brook'] console.log(names.toString()) // Asabeneh,Mathias,Elias,Brook ``` -#### Joining array elements +#### Nối các phần tử trong mảng -join: -Phương thức join được sử dụng để nối các phần tử của mảng. Đối số mà chúng ta truyền vào phương thức join sẽ được nối vào trong mảng và trả về dưới dạng một chuỗi. Theo mặc định, phương thức join sẽ nối các phần tử bằng dấu phẩy, tuy nhiên chúng ta có thể truyền một ký tự khác để nối giữa các phần tử. +join: Phương thức join được sử dụng để nối các phần tử của mảng. Đối số mà chúng ta truyền vào phương thức join sẽ được nối vào trong mảng và trả về dưới dạng một chuỗi. Theo mặc định, phương thức join sẽ nối các phần tử bằng dấu phẩy, tuy nhiên chúng ta có thể truyền một ký tự khác để nối giữa các phần tử. ```js const numbers = [1, 2, 3, 4, 5] @@ -503,7 +502,7 @@ console.log(webTechs.join()) // "HTML,CSS,JavaScript,React,Redux,Node,Mong console.log(webTechs.join(' # ')) // "HTML # CSS # JavaScript # React # Redux # Node # MongoDB" ``` -#### Slice array elements +#### Cắt các phần tử trong mảng Slice: Để cắt ra nhiều phần tử trong một khoảng, ta sử dụng phương thức slice(). Nó nhận hai tham số: vị trí bắt đầu và vị trí kết thúc hoặc không bao gồm vị trí kết thúc. @@ -516,7 +515,7 @@ Slice: Để cắt ra nhiều phần tử trong một khoảng, ta sử dụng p console.log(numbers.slice(1,4)) // -> [2,3,4] // không bao gồm vị trí kết thúc ``` -#### Splice method in array +#### Phương thức splice trong mảng Splice: Lấy ba tham số: vị trí bắt đầu, số lần xóa phần tử và các tử mới được thêm vào. @@ -539,7 +538,7 @@ Splice: Lấy ba tham số: vị trí bắt đầu, số lần xóa phần tử console.log(numbers.splice(3, 3, 7, 8, 9)) // -> [1, 2, 3, 7, 8, 9] //loại bỏ và thay thế 3 giá trị mới từ phần tử có index 3 ``` -#### Adding item to an array using push +#### Thêm một phần tử vào mảng bằng phương thức push Push: Để thêm một phần tử vào cuối một mảng hiện có, chúng ta sử dụng phương thức push. @@ -579,7 +578,7 @@ numbers.pop() // -> xóa phần tử ở cuối console.log(numbers) // -> [1,2,3,4] ``` -#### Xóa một phần tử từ đầu mảng +#### Xóa một phần tử đầu mảng shift: Xóa một phần tử từ đầu mảng. @@ -589,7 +588,7 @@ numbers.shift() // -> xóa phần tử ở đầu mảng console.log(numbers) // -> [2,3,4,5] ``` -#### Thêm một phần tử từ đầu mảng +#### Thêm một phần tử đầu mảng unshift: Thêm một phần tử vào đầu mảng. @@ -614,7 +613,7 @@ console.log(numbers) // [1, 2, 3, 4, 5] #### Sắp xếp các phần tử trong mảng -sort: aSắp xếp các phần tử của mảng theo thứ tự tăng dần. Phương thức sort cần một hàm callback, dưới đây là các ví dụ sort với hàm callback trong phần tiếp theo. +sort: Sắp xếp các phần tử của mảng theo thứ tự tăng dần. Phương thức sort cần một hàm callback, dưới đây là các ví dụ sort với hàm callback trong phần tiếp theo. ```js const webTechs = [ @@ -659,7 +658,7 @@ console.log(arrayOfArray[0]) // [1, 2, 3] ## 💻 Bài tập -### Bài tập: Mức dộ 1 +### Bài tập: Cấp độ 1 ```js const countries = [ @@ -711,7 +710,7 @@ const webTechs = [ 22. Xóa công ty IT cuối cùng khỏi mảng 23. Xóa tất cả các công ty IT -### Exercise: Level 2 +### Bài tập: Cấp độ 2 1. Tạo một file riêng tên countries.js và lưu trữ mảng countries vào file này, tạo một file riêng tên web_techs.js và lưu trữ mảng webTechs vào file này. Truy cập vào cả hai file trong file main.js 1. Đầu tiên loại bỏ tất cả các dấu chấm câu và chuyển đổi chuỗi thành mảng và đếm số từ trong mảng. @@ -754,7 +753,7 @@ const webTechs = [ ["HTML", "CSS", "JS", "React", "Redux", "Node", "Express", "MongoDB"] ``` -### Exercise: Level 3 +### Bài tập: Cấp độ 3 1. Dưới đây là mảng chứ tuổi của 10 học sinh From 6d97a037367cfece5da32c5cb8ef56446b82b3dd Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 22:29:14 +0700 Subject: [PATCH 03/11] fix menu --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 64 +++++++++++------------ 1 file changed, 32 insertions(+), 32 deletions(-) diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md index 4b9e5e8..baf5feb 100644 --- a/Vietnamese/05_Day_Arrays/05_day_arrays.md +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -17,38 +17,38 @@ ![Ngày 5](../../images/banners/day_1_5.png) -- [📔 Ngày 5](#-day-5) - - [Mảng(Arrays)](#arrays) - - [Cách tạo mảng rỗng](#cach-tao-mang-rong) - - [Cách tạo mảng với giá trị](#cach-tao-mang-voi-gia-tri) - - [Tạo mảng bằng cách sử dụng phương thức split](#tao-mang-bang-cach-su-dung-phuong-thuc-split) - - [Truy cập các phần tử trong mảng bằng giá trị index](#truy-cap-cac-phan-tu-trong-mang-bang-gia-tri-index) - - [Sửa đổi phần tử trong mảng](#sua-doi-cac-phan-tu-trong-mang) - - [Các phương thức xử lý mảng](#cac-phuong-thuc-xu-ly-mang) - - [Hàm khởi tạo mảng](#Hàm-khoi-tao-mang) - - [Tạo giá trị tĩnh với fill](#tao-gia-tri-tinh-voi-fill) - - [Nối các mảng với phương thức concat](#noi-cac-mang-voi-phuong-thuc-concat) - - [Lấy độ dài của mảng](#lay-do-dai-cua-mang) - - [Lấy index của một phần tử trong mảng](#lay-index-cua-mot-phan-tu-trong-mang) - - [Lấy index cuối cùng của một phần tử trong mảng](#lay-index-cuoi-cung-cua-mot-phan-tu-trong-mang) - - [Kiểm tra mảng](#kiem-tra-mang) - - [Chuyển đổi mảng thành chuỗi](#chuyen-doi-mang-thanh-chuoi) - - [Nối các phần tử trong mảng](#noi-cac-phan-tu-trong-mang) - - [Cắt các phần tử trong mảng](#cat-cac-phan-tu-trong-mang) - - [Phương thức splice trong mảng](#phuong-thuc-splice-trong-mang) - - [Thêm một phần tử vào mảng bằng phương thức push](#them-mot-phan-tu-vao-mang-bang-phuong-thuc-push) - - [Xóa phần tử cuối cùng bằng phương thức pop](#xoa-phan-tu-cuoi-cung-bang-phuong-thuc-pop) - - [Xóa một phần tử đầu mảng](#xoa-mot-phan-tu-dau-mang) - - [Thêm một phần tử đầu mảng](#them-mot-phan-tu-dau-mang) - - [Đảo thứ tự mảng](#rdao-thu-tu-mang) - - [Sắp xếp các phần tử trong mảng](#sap-xep-cac-phan-tu-trong-mang) - - [Mảng của các mảng](#mang-cua-cac-mang) - - [💻 Bài tập](#-bai-tap) - - [Bài tập: Cấp độ 1](#bai-tap-cap-do-1) - - [Bài tập: Cấp độ 2](#bai-tap-cap-do-2) - - [Bài tập: Cấp độ 3](#bai-tap-cap-do-3) - -# 📔 Day 5 +- [📔 Ngày 5](#-Ngày-5) + - [Arrays](#Arrays) + - [Cách tạo mảng rỗng](#Cách-tạo-mảng-rỗng) + - [Cách tạo mảng với giá trị](#Cách-tạo-mảng-với-giá-trị) + - [Tạo mảng bằng cách sử dụng phương thức split](#Tạo-mảng-bằng-cách-sử-dụng-phương-thức-split) + - [Truy cập các phần tử trong mảng bằng giá trị index](#Truy-cập-các-phần-tử-trong-mảng-bằng-giá-trị-index) + - [Sửa đổi phần tử trong mảng](#Sửa-đổi-phần-tử-trong-mảng) + - [Các phương thức xử lý mảng](#Các-phương-thức-xử-lý-mảng) + - [Hàm khởi tạo mảng](#Hàm-khởi-tạo-mảng) + - [Tạo giá trị tĩnh với fill](#Tạo-giá-trị-tĩnh-với-fill) + - [Nối các mảng với phương thức concat](#Nối-các-mảng-với-phương-thức-concat) + - [Lấy độ dài của mảng](#Lấy-độ-dài-của-mảng) + - [Lấy index của một phần tử trong mảng](#Lấy-index-của-một-phần-tử-trong-mảng) + - [Lấy index cuối cùng của một phần tử trong mảng](#Lấy-index-cuối-cùng-của-một-phần-tử-trong-mảng) + - [Kiểm tra mảng](#Kiểm-tra-mảng) + - [Chuyển đổi mảng thành chuỗi](#Chuyển-đổi-mảng-thành-chuỗi) + - [Nối các phần tử trong mảng](#Nối-các-phần-tử-trong-mảng) + - [Cắt các phần tử trong mảng](#Cắt-các-phần-tử-trong-mảng) + - [Phương thức splice trong mảng](#Phương-thức-splice-trong-mảng) + - [Thêm một phần tử vào mảng bằng phương thức push](#Thêm-một-phần-tử-vào-mảng-bằng-phương-thức-push) + - [Xóa phần tử cuối cùng bằng phương thức pop](#Xóa-phần-tử-cuối-cùng-bằng-phương-thức-pop) + - [Xóa một phần tử đầu mảng](#Xóa-một-phần-tử-đầu-mảng) + - [Thêm một phần tử đầu mảng](#Thêm-một-phần-tử-đầu-mảng) + - [Đảo thứ tự mảng](#Đảo-thứ-tự-mảng) + - [Sắp xếp các phần tử trong mảng](#Sắp-xếp-các-phần-tử-trong-mảng) + - [Mảng của các mảng](#Mảng-của-các-mảng) + - [💻 Bài tập](#-Bài-tập) + - [Bài tập: Cấp độ 1](#Bài-tập-Cấp-độ-1) + - [Bài tập: Cấp độ 2](#Bài-tập-Cấp-độ-2) + - [Bài tập: Cấp độ 3](#Bài-tập-Cấp-độ-3) + +# 📔 Ngày 5 ## Mảng From 6068561d56ca7bc4ab28ae8bba5d8e0d9fffb738 Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 22:30:16 +0700 Subject: [PATCH 04/11] fix menu again --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md index baf5feb..ace1567 100644 --- a/Vietnamese/05_Day_Arrays/05_day_arrays.md +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -50,7 +50,7 @@ # 📔 Ngày 5 -## Mảng +## Arrays Khác với biến, một mảng có thể lưu trữ _nhiều giá trị_. Mỗi giá trị trong một mảng có _index_ và mỗi index chỉ có _một địa chỉ tham chiếu trong bộ nhớ_. Mỗi giá trị có thể được truy cập bằng cách sử dụng _index_ của chúng. Index của một mảng bắt đầu từ _số không_, và index của phần tử cuối cùng ít hơn một đơn vị so với độ dài của mảng. From 1e5198df5566203e96037dd4557eb04729f260e7 Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 22:31:42 +0700 Subject: [PATCH 05/11] menu still not working --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md index ace1567..ab550b7 100644 --- a/Vietnamese/05_Day_Arrays/05_day_arrays.md +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -18,8 +18,8 @@ ![Ngày 5](../../images/banners/day_1_5.png) - [📔 Ngày 5](#-Ngày-5) - - [Arrays](#Arrays) - - [Cách tạo mảng rỗng](#Cách-tạo-mảng-rỗng) + - [Arrays](#arrays) + - [Cách tạo mảng rỗng](#cách-tạo-mảng-rỗng) - [Cách tạo mảng với giá trị](#Cách-tạo-mảng-với-giá-trị) - [Tạo mảng bằng cách sử dụng phương thức split](#Tạo-mảng-bằng-cách-sử-dụng-phương-thức-split) - [Truy cập các phần tử trong mảng bằng giá trị index](#Truy-cập-các-phần-tử-trong-mảng-bằng-giá-trị-index) From 81749b25fbe2288fd24a8668db7ff1dbbdbbeddf Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 22:34:38 +0700 Subject: [PATCH 06/11] fix menu --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 58 +++++++++++------------ 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md index ab550b7..ffb9b0e 100644 --- a/Vietnamese/05_Day_Arrays/05_day_arrays.md +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -17,36 +17,36 @@ ![Ngày 5](../../images/banners/day_1_5.png) -- [📔 Ngày 5](#-Ngày-5) +- [📔 Ngày 5](#-ngay-5) - [Arrays](#arrays) - - [Cách tạo mảng rỗng](#cách-tạo-mảng-rỗng) - - [Cách tạo mảng với giá trị](#Cách-tạo-mảng-với-giá-trị) - - [Tạo mảng bằng cách sử dụng phương thức split](#Tạo-mảng-bằng-cách-sử-dụng-phương-thức-split) - - [Truy cập các phần tử trong mảng bằng giá trị index](#Truy-cập-các-phần-tử-trong-mảng-bằng-giá-trị-index) - - [Sửa đổi phần tử trong mảng](#Sửa-đổi-phần-tử-trong-mảng) - - [Các phương thức xử lý mảng](#Các-phương-thức-xử-lý-mảng) - - [Hàm khởi tạo mảng](#Hàm-khởi-tạo-mảng) - - [Tạo giá trị tĩnh với fill](#Tạo-giá-trị-tĩnh-với-fill) - - [Nối các mảng với phương thức concat](#Nối-các-mảng-với-phương-thức-concat) - - [Lấy độ dài của mảng](#Lấy-độ-dài-của-mảng) - - [Lấy index của một phần tử trong mảng](#Lấy-index-của-một-phần-tử-trong-mảng) - - [Lấy index cuối cùng của một phần tử trong mảng](#Lấy-index-cuối-cùng-của-một-phần-tử-trong-mảng) - - [Kiểm tra mảng](#Kiểm-tra-mảng) - - [Chuyển đổi mảng thành chuỗi](#Chuyển-đổi-mảng-thành-chuỗi) - - [Nối các phần tử trong mảng](#Nối-các-phần-tử-trong-mảng) - - [Cắt các phần tử trong mảng](#Cắt-các-phần-tử-trong-mảng) - - [Phương thức splice trong mảng](#Phương-thức-splice-trong-mảng) - - [Thêm một phần tử vào mảng bằng phương thức push](#Thêm-một-phần-tử-vào-mảng-bằng-phương-thức-push) - - [Xóa phần tử cuối cùng bằng phương thức pop](#Xóa-phần-tử-cuối-cùng-bằng-phương-thức-pop) - - [Xóa một phần tử đầu mảng](#Xóa-một-phần-tử-đầu-mảng) - - [Thêm một phần tử đầu mảng](#Thêm-một-phần-tử-đầu-mảng) - - [Đảo thứ tự mảng](#Đảo-thứ-tự-mảng) - - [Sắp xếp các phần tử trong mảng](#Sắp-xếp-các-phần-tử-trong-mảng) - - [Mảng của các mảng](#Mảng-của-các-mảng) - - [💻 Bài tập](#-Bài-tập) - - [Bài tập: Cấp độ 1](#Bài-tập-Cấp-độ-1) - - [Bài tập: Cấp độ 2](#Bài-tập-Cấp-độ-2) - - [Bài tập: Cấp độ 3](#Bài-tập-Cấp-độ-3) + - [Cách tạo mảng rỗng](#cach-tao-mang-rong) + - [Cách tạo mảng với giá trị](#cach-tao-mang-voi-gia-tri) + - [Tạo mảng bằng cách sử dụng phương thức split](#tao-mang-bang-cach-su-dung-phuong-thuc-split) + - [Truy cập các phần tử trong mảng bằng giá trị index](#truy-cap-cac-phan-tu-trong-mang-bang-gia-tri-index) + - [Sửa đổi phần tử trong mảng](#sua-doi-cac-phan-tu-trong-mang) + - [Các phương thức xử lý mảng](#cac-phuong-thuc-xu-ly-mang) + - [Hàm khởi tạo mảng](#ham-khoi-tao-mang) + - [Tạo giá trị tĩnh với fill](#tao-gia-tri-tinh-voi-fill) + - [Nối các mảng với phương thức concat](#noi-cac-mang-voi-phuong-thuc-concat) + - [Lấy độ dài của mảng](#lay-do-dai-cua-mang) + - [Lấy index của một phần tử trong mảng](#lay-index-cua-mot-phan-tu-trong-mang) + - [Lấy index cuối cùng của một phần tử trong mảng](#lay-index-cuoi-cung-cua-mot-phan-tu-trong-mang) + - [Kiểm tra mảng](#kiem-tra-mang) + - [Chuyển đổi mảng thành chuỗi](#chuyen-doi-mang-thanh-chuoi) + - [Nối các phần tử trong mảng](#noi-cac-phan-tu-trong-mang) + - [Cắt các phần tử trong mảng](#cat-cac-phan-tu-trong-mang) + - [Phương thức splice trong mảng](#phuong-thuc-splice-trong-mang) + - [Thêm một phần tử vào mảng bằng phương thức push](#them-mot-phan-tu-vao-mang-bang-phuong-thuc-push) + - [Xóa phần tử cuối cùng bằng phương thức pop](#xoa-phan-tu-cuoi-cung-bang-phuong-thuc-pop) + - [Xóa một phần tử đầu mảng](#xoa-mot-phan-tu-dau-mang) + - [Thêm một phần tử đầu mảng](#them-mot-phan-tu-dau-mang) + - [Đảo thứ tự mảng](#rdao-thu-tu-mang) + - [Sắp xếp các phần tử trong mảng](#sap-xep-cac-phan-tu-trong-mang) + - [Mảng của các mảng](#mang-cua-cac-mang) + - [💻 Bài tập](#-bai-tap) + - [Bài tập: Cấp độ 1](#bai-tap-cap-do-1) + - [Bài tập: Cấp độ 2](#bai-tap-cap-do-2) + - [Bài tập: Cấp độ 3](#bai-tap-cap-do-3) # 📔 Ngày 5 From 6d6a7facef2db3424d07862e7956778feb8ddcff Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 22:44:21 +0700 Subject: [PATCH 07/11] try to fix menu --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md index ffb9b0e..de881b2 100644 --- a/Vietnamese/05_Day_Arrays/05_day_arrays.md +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -17,7 +17,7 @@ ![Ngày 5](../../images/banners/day_1_5.png) -- [📔 Ngày 5](#-ngay-5) +- [📔 Ngày 5](#-ngày-5) - [Arrays](#arrays) - [Cách tạo mảng rỗng](#cach-tao-mang-rong) - [Cách tạo mảng với giá trị](#cach-tao-mang-voi-gia-tri) From eb6c1c9bc31714741774a45ef7e81f48c86a86ac Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 22:45:27 +0700 Subject: [PATCH 08/11] fix menu --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 56 +++++++++++------------ 1 file changed, 28 insertions(+), 28 deletions(-) diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md index de881b2..fd7464d 100644 --- a/Vietnamese/05_Day_Arrays/05_day_arrays.md +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -19,34 +19,34 @@ - [📔 Ngày 5](#-ngày-5) - [Arrays](#arrays) - - [Cách tạo mảng rỗng](#cach-tao-mang-rong) - - [Cách tạo mảng với giá trị](#cach-tao-mang-voi-gia-tri) - - [Tạo mảng bằng cách sử dụng phương thức split](#tao-mang-bang-cach-su-dung-phuong-thuc-split) - - [Truy cập các phần tử trong mảng bằng giá trị index](#truy-cap-cac-phan-tu-trong-mang-bang-gia-tri-index) - - [Sửa đổi phần tử trong mảng](#sua-doi-cac-phan-tu-trong-mang) - - [Các phương thức xử lý mảng](#cac-phuong-thuc-xu-ly-mang) - - [Hàm khởi tạo mảng](#ham-khoi-tao-mang) - - [Tạo giá trị tĩnh với fill](#tao-gia-tri-tinh-voi-fill) - - [Nối các mảng với phương thức concat](#noi-cac-mang-voi-phuong-thuc-concat) - - [Lấy độ dài của mảng](#lay-do-dai-cua-mang) - - [Lấy index của một phần tử trong mảng](#lay-index-cua-mot-phan-tu-trong-mang) - - [Lấy index cuối cùng của một phần tử trong mảng](#lay-index-cuoi-cung-cua-mot-phan-tu-trong-mang) - - [Kiểm tra mảng](#kiem-tra-mang) - - [Chuyển đổi mảng thành chuỗi](#chuyen-doi-mang-thanh-chuoi) - - [Nối các phần tử trong mảng](#noi-cac-phan-tu-trong-mang) - - [Cắt các phần tử trong mảng](#cat-cac-phan-tu-trong-mang) - - [Phương thức splice trong mảng](#phuong-thuc-splice-trong-mang) - - [Thêm một phần tử vào mảng bằng phương thức push](#them-mot-phan-tu-vao-mang-bang-phuong-thuc-push) - - [Xóa phần tử cuối cùng bằng phương thức pop](#xoa-phan-tu-cuoi-cung-bang-phuong-thuc-pop) - - [Xóa một phần tử đầu mảng](#xoa-mot-phan-tu-dau-mang) - - [Thêm một phần tử đầu mảng](#them-mot-phan-tu-dau-mang) - - [Đảo thứ tự mảng](#rdao-thu-tu-mang) - - [Sắp xếp các phần tử trong mảng](#sap-xep-cac-phan-tu-trong-mang) - - [Mảng của các mảng](#mang-cua-cac-mang) - - [💻 Bài tập](#-bai-tap) - - [Bài tập: Cấp độ 1](#bai-tap-cap-do-1) - - [Bài tập: Cấp độ 2](#bai-tap-cap-do-2) - - [Bài tập: Cấp độ 3](#bai-tap-cap-do-3) + - [Cách tạo mảng rỗng](#cách-tạo-mảng-rỗng) + - [Cách tạo mảng với giá trị](#Cách-tạo-mảng-với-giá-trị) + - [Tạo mảng bằng cách sử dụng phương thức split](#Tạo-mảng-bằng-cách-sử-dụng-phương-thức-split) + - [Truy cập các phần tử trong mảng bằng giá trị index](#Truy-cập-các-phần-tử-trong-mảng-bằng-giá-trị-index) + - [Sửa đổi phần tử trong mảng](#Sửa-đổi-phần-tử-trong-mảng) + - [Các phương thức xử lý mảng](#Các-phương-thức-xử-lý-mảng) + - [Hàm khởi tạo mảng](#Hàm-khởi-tạo-mảng) + - [Tạo giá trị tĩnh với fill](#Tạo-giá-trị-tĩnh-với-fill) + - [Nối các mảng với phương thức concat](#Nối-các-mảng-với-phương-thức-concat) + - [Lấy độ dài của mảng](#Lấy-độ-dài-của-mảng) + - [Lấy index của một phần tử trong mảng](#Lấy-index-của-một-phần-tử-trong-mảng) + - [Lấy index cuối cùng của một phần tử trong mảng](#Lấy-index-cuối-cùng-của-một-phần-tử-trong-mảng) + - [Kiểm tra mảng](#Kiểm-tra-mảng) + - [Chuyển đổi mảng thành chuỗi](#Chuyển-đổi-mảng-thành-chuỗi) + - [Nối các phần tử trong mảng](#Nối-các-phần-tử-trong-mảng) + - [Cắt các phần tử trong mảng](#Cắt-các-phần-tử-trong-mảng) + - [Phương thức splice trong mảng](#Phương-thức-splice-trong-mảng) + - [Thêm một phần tử vào mảng bằng phương thức push](#Thêm-một-phần-tử-vào-mảng-bằng-phương-thức-push) + - [Xóa phần tử cuối cùng bằng phương thức pop](#Xóa-phần-tử-cuối-cùng-bằng-phương-thức-pop) + - [Xóa một phần tử đầu mảng](#Xóa-một-phần-tử-đầu-mảng) + - [Thêm một phần tử đầu mảng](#Thêm-một-phần-tử-đầu-mảng) + - [Đảo thứ tự mảng](#Đảo-thứ-tự-mảng) + - [Sắp xếp các phần tử trong mảng](#Sắp-xếp-các-phần-tử-trong-mảng) + - [Mảng của các mảng](#Mảng-của-các-mảng) + - [💻 Bài tập](#-Bài-tập) + - [Bài tập: Cấp độ 1](#Bài-tập-Cấp-độ-1) + - [Bài tập: Cấp độ 2](#Bài-tập-Cấp-độ-2) + - [Bài tập: Cấp độ 3](#Bài-tập-Cấp-độ-3) # 📔 Ngày 5 From ebbdd31196f0254828af4f1f6553080b7c14ce54 Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 22:50:37 +0700 Subject: [PATCH 09/11] finally figure out how to make menu --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 58 +++++++++++------------ 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md index fd7464d..ab9a6de 100644 --- a/Vietnamese/05_Day_Arrays/05_day_arrays.md +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -20,33 +20,33 @@ - [📔 Ngày 5](#-ngày-5) - [Arrays](#arrays) - [Cách tạo mảng rỗng](#cách-tạo-mảng-rỗng) - - [Cách tạo mảng với giá trị](#Cách-tạo-mảng-với-giá-trị) - - [Tạo mảng bằng cách sử dụng phương thức split](#Tạo-mảng-bằng-cách-sử-dụng-phương-thức-split) - - [Truy cập các phần tử trong mảng bằng giá trị index](#Truy-cập-các-phần-tử-trong-mảng-bằng-giá-trị-index) - - [Sửa đổi phần tử trong mảng](#Sửa-đổi-phần-tử-trong-mảng) - - [Các phương thức xử lý mảng](#Các-phương-thức-xử-lý-mảng) - - [Hàm khởi tạo mảng](#Hàm-khởi-tạo-mảng) - - [Tạo giá trị tĩnh với fill](#Tạo-giá-trị-tĩnh-với-fill) - - [Nối các mảng với phương thức concat](#Nối-các-mảng-với-phương-thức-concat) - - [Lấy độ dài của mảng](#Lấy-độ-dài-của-mảng) - - [Lấy index của một phần tử trong mảng](#Lấy-index-của-một-phần-tử-trong-mảng) - - [Lấy index cuối cùng của một phần tử trong mảng](#Lấy-index-cuối-cùng-của-một-phần-tử-trong-mảng) - - [Kiểm tra mảng](#Kiểm-tra-mảng) - - [Chuyển đổi mảng thành chuỗi](#Chuyển-đổi-mảng-thành-chuỗi) - - [Nối các phần tử trong mảng](#Nối-các-phần-tử-trong-mảng) - - [Cắt các phần tử trong mảng](#Cắt-các-phần-tử-trong-mảng) - - [Phương thức splice trong mảng](#Phương-thức-splice-trong-mảng) - - [Thêm một phần tử vào mảng bằng phương thức push](#Thêm-một-phần-tử-vào-mảng-bằng-phương-thức-push) - - [Xóa phần tử cuối cùng bằng phương thức pop](#Xóa-phần-tử-cuối-cùng-bằng-phương-thức-pop) - - [Xóa một phần tử đầu mảng](#Xóa-một-phần-tử-đầu-mảng) - - [Thêm một phần tử đầu mảng](#Thêm-một-phần-tử-đầu-mảng) - - [Đảo thứ tự mảng](#Đảo-thứ-tự-mảng) - - [Sắp xếp các phần tử trong mảng](#Sắp-xếp-các-phần-tử-trong-mảng) - - [Mảng của các mảng](#Mảng-của-các-mảng) - - [💻 Bài tập](#-Bài-tập) - - [Bài tập: Cấp độ 1](#Bài-tập-Cấp-độ-1) - - [Bài tập: Cấp độ 2](#Bài-tập-Cấp-độ-2) - - [Bài tập: Cấp độ 3](#Bài-tập-Cấp-độ-3) + - [Cách tạo mảng với giá trị](#cách-tạo-mảng-với-giá-trị) + - [Tạo mảng bằng cách sử dụng phương thức split](#tạo-mảng-bằng-cách-sử-dụng-phương-thức-split) + - [Truy cập các phần tử trong mảng bằng giá trị index](#truy-cập-các-phần-tử-trong-mảng-bằng-giá-trị-index) + - [Sửa đổi phần tử trong mảng](#sửa-đổi-phần-tử-trong-mảng) + - [Các phương thức xử lý mảng](#các-phương-thức-xử-lý-mảng) + - [Hàm khởi tạo mảng](#hàm-khởi-tạo-mảng) + - [Tạo giá trị tĩnh với fill](#tạo-giá-trị-tĩnh-với-fill) + - [Nối các mảng với phương thức concat](#nối-các-mảng-với-phương-thức-concat) + - [Lấy độ dài của mảng](#lấy-độ-dài-của-mảng) + - [Lấy index của một phần tử trong mảng](#lấy-index-của-một-phần-tử-trong-mảng) + - [Lấy index cuối cùng của một phần tử trong mảng](#lấy-index-cuối-cùng-của-một-phần-tử-trong-mảng) + - [Kiểm tra mảng](#kiểm-tra-mảng) + - [Chuyển đổi mảng thành chuỗi](#chuyển-đổi-mảng-thành-chuỗi) + - [Nối các phần tử trong mảng](#nối-các-phần-tử-trong-mảng) + - [Cắt các phần tử trong mảng](#cắt-các-phần-tử-trong-mảng) + - [Phương thức splice trong mảng](#phương-thức-splice-trong-mảng) + - [Thêm một phần tử vào mảng bằng phương thức push](#thêm-một-phần-tử-vào-mảng-bằng-phương-thức-push) + - [Xóa phần tử cuối cùng bằng phương thức pop](#xóa-phần-tử-cuối-cùng-bằng-phương-thức-pop) + - [Xóa một phần tử đầu mảng](#xóa-một-phần-tử-đầu-mảng) + - [Thêm một phần tử đầu mảng](#thêm-một-phần-tử-đầu-mảng) + - [Đảo thứ tự mảng](#đảo-thứ-tự-mảng) + - [Sắp xếp các phần tử trong mảng](#sắp-xếp-các-phần-tử-trong-mảng) + - [Mảng của các mảng](#mảng-của-các-mảng) + - [💻 Bài tập](#-bài-tập) + - [Bài tập: Cấp độ 1](#bài-tập-Cấp-độ-1) + - [Bài tập: Cấp độ 2](#bài-tập-Cấp-độ-2) + - [Bài tập: Cấp độ 3](#bài-tập-Cấp-độ-3) # 📔 Ngày 5 @@ -56,7 +56,7 @@ Khác với biến, một mảng có thể lưu trữ _nhiều giá trị_. Mỗ Một mảng là một tập hợp các kiểu dữ liệu khác nhau có thứ tự và có thể được thay đổi (có thể sửa đổi). Một mảng cho phép lưu trữ các phần tử trùng lặp và các kiểu dữ liệu khác nhau. Một mảng có thể trống hoặc có thể chứa các giá trị khác nhau về kiểu dữ liệu. -### Cách tạo một mảng rỗng +### Cách tạo mảng rỗng Trong JavaScript, chúng ta có thể tạo một mảng bằng nhiều cách khác nhau. Dưới đây là các cách để tạo một mảng. Thường thì người ta sử dụng từ khóa _const_ thay vì _let_ để khai báo biến mảng. Nếu bạn sử dụng _const_ thì có nghĩa là bạn không sử dụng lại tên biến đó. @@ -334,7 +334,7 @@ const four4values = Array(4).fill(4) // Tạo mảng có 4 phần tử giá tr console.log(four4values) // [4, 4, 4, 4] ``` -#### Nối các mảng với phương thức conca +#### Nối các mảng với phương thức concat concat:Dùng để nối hai mảng. From f26e3073ea820ee52b4709ce95d7f9ffa08db26b Mon Sep 17 00:00:00 2001 From: anlp182 Date: Thu, 11 May 2023 22:51:59 +0700 Subject: [PATCH 10/11] Translate to Vietnamese --- Vietnamese/05_Day_Arrays/05_day_arrays.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Vietnamese/05_Day_Arrays/05_day_arrays.md b/Vietnamese/05_Day_Arrays/05_day_arrays.md index ab9a6de..13e3f56 100644 --- a/Vietnamese/05_Day_Arrays/05_day_arrays.md +++ b/Vietnamese/05_Day_Arrays/05_day_arrays.md @@ -772,4 +772,4 @@ const webTechs = [ 🎉 CHÚC MỪNG ! 🎉 -[<< Day 4](../04_Day_Conditionals/04_day_Conditionals.md) | [Day 6 >>](../06_Day_Loops/06_day_loops.md) +[<< Ngày 4](../04_Day_Conditionals/04_day_Conditionals.md) | [Ngày 6 >>](../06_Day_Loops/06_day_loops.md) From a435f6f17c27365d230d98924e497b8ee8aa3797 Mon Sep 17 00:00:00 2001 From: An Le Date: Mon, 15 May 2023 21:32:41 +0700 Subject: [PATCH 11/11] Trasnlate day 6 to vietnamese --- Vietnamese/06_Day_Loops/06_day_loops.md | 485 ++++++++++++++++++++++++ 1 file changed, 485 insertions(+) create mode 100644 Vietnamese/06_Day_Loops/06_day_loops.md diff --git a/Vietnamese/06_Day_Loops/06_day_loops.md b/Vietnamese/06_Day_Loops/06_day_loops.md new file mode 100644 index 0000000..49039d2 --- /dev/null +++ b/Vietnamese/06_Day_Loops/06_day_loops.md @@ -0,0 +1,485 @@ +
+

30 Days Of JavaScript: Loops

+ + + + + Twitter Follow + + + Author: + Asabeneh Yetayeh
+ January, 2020 + +
+ +[<< Ngày 5](../05_Day_Arrays/05_day_arrays.md) | [Ngày 7 >>](../07_Day_Functions/07_day_functions.md) + +![Ngày 5](../../images/banners/day_1_5.png) + +- [📔 Ngày 6](#-ngay-6) + - [Loops (vòng lặp)](#loops) + - [Vòng lặp for](#vòng-lặp-for) + - [Vòng lặp while](#vòng-lặp-while) + - [Vòng lặp do while](#vòng-lặp-do-while) + - [Vòng lặp for of](#vòng-lặp-for-of) + - [break](#break) + - [continue](#continue) + - [💻 Bài tập: ngày 6](#-bài-tập-ngày-6) + - [Bài tập: cấp độ 1](#bài-tập-cấp-độ-1) + - [Bài tập: cấp độ 2](#bài-tập-cấp-độ-2) + - [Bài tập: cấp độ 3](#bài-tập-cấp-độ-3) + +# 📔 Ngày 6 + +## Loops + +Hầu hết các hoạt động trong cuộc sống của chúng ta đều đầy sự lặp lại. Hãy tưởng tượng nếu tôi yêu cầu bạn in ra từ 0 đến 100 bằng cách sử dụng console.log(). Để thực hiện công việc đơn giản này, có thể mất từ 2 đến 5 phút của bạn, những công việc đơn điệu và lặp đi lặp lại như vậy có thể được thực hiện bằng cách sử dụng vòng lặp. Nếu bạn thích xem ví dụ qua video hơn, thì có thể nhấp vào link sau [video hướng dẫn](https://www.youtube.com/channel/UCM4xOopkYiPwJqyKsSqL9mw) + + +Trong các ngôn ngữ lập trình, chúng ta sử dụng các loại vòng lặp khác nhau để thực hiện các công việc lặp đi lặp lại. Những ví dụ sau đây là các vòng lặp phổ biến được sử dụng trong JavaScript và các ngôn ngữ lập trình khác. + +### Vòng lặp for + +```js +// cấu trúc vòng lặp for +for(initialization, condition, increment/decrement){ + // code ở đây +} +``` + +```js +for(let i = 0; i <= 5; i++){ + console.log(i) +} + +// 0 1 2 3 4 5 +``` + +```js +for(let i = 5; i >= 0; i--){ + console.log(i) +} + +// 5 4 3 2 1 0 +``` + +```js +for(let i = 0; i <= 5; i++){ + console.log(`${i} * ${i} = ${i * i}`) +} +``` + +```sh +0 * 0 = 0 +1 * 1 = 1 +2 * 2 = 4 +3 * 3 = 9 +4 * 4 = 16 +5 * 5 = 25 +``` + +```js +const countries = ['Finland', 'Sweden', 'Denmark', 'Norway', 'Iceland'] +const newArr = [] +for(let i = 0; i < countries.length; i++){ + newArr.push(countries[i].toUpperCase()) +} + +// ["FINLAND", "SWEDEN", "DENMARK", "NORWAY", "ICELAND"] +``` + +Thêm tất cả phần tử vào mảng + +```js +const numbers = [1, 2, 3, 4, 5] +let sum = 0 +for(let i = 0; i < numbers.length; i++){ + sum = sum + numbers[i] // có thể viết ngắn là sum += numbers[i] + +} + +console.log(sum) // 15 +``` + +Tạo một mảng mới dựa trên mảng có sẵn + +```js +const numbers = [1, 2, 3, 4, 5] +const newArr = [] +let sum = 0 +for(let i = 0; i < numbers.length; i++){ + newArr.push( numbers[i] ** 2) + +} + +console.log(newArr) // [1, 4, 9, 16, 25] +``` + +```js +const countries = ['Finland', 'Sweden', 'Norway', 'Denmark', 'Iceland'] +const newArr = [] +for(let i = 0; i < countries.length; i++){ + newArr.push(countries[i].toUpperCase()) +} + +console.log(newArr) // ["FINLAND", "SWEDEN", "NORWAY", "DENMARK", "ICELAND"] +``` + +### Vòng lặp while + +```js +let i = 0 +while (i <= 5) { + console.log(i) + i++ +} + +// 0 1 2 3 4 5 +``` + +### Vòng lặp do while + +```js +let i = 0 +do { + console.log(i) + i++ +} while (i <= 5) + +// 0 1 2 3 4 5 +``` + +### Vòng lặp for of + +Chúng ta sử dụng vòng lặp for of cho các mảng. Đây là một cách rất thuận tiện để lặp lại một mảng nếu chúng ta không quan tâm đến vị trí (index) của mỗi phần tử trong mảng. + +```js +for (const element of arr) { + // code ở đây +} +``` + +```js + +const numbers = [1, 2, 3, 4, 5] + +for (const num of numbers) { + console.log(num) +} + +// 1 2 3 4 5 + +for (const num of numbers) { + console.log(num * num) +} + +// 1 4 9 16 25 + +// thêm tất cả số vào mảng +let sum = 0 +for (const num of numbers) { + sum = sum + num + // viết tắt là sum += num + // từ đây chúng ta sẽ viết gọn code bằng +=, -=, *=, /= etc +} +console.log(sum) // 15 + +const webTechs = [ + 'HTML', + 'CSS', + 'JavaScript', + 'React', + 'Redux', + 'Node', + 'MongoDB' +] + +for (const tech of webTechs) { + console.log(tech.toUpperCase()) +} + +// HTML CSS JAVASCRIPT REACT NODE MONGODB + +for (const tech of webTechs) { + console.log(tech[0]) // lấy chữ cái đầu tiên của mỗi từ, H C J R N M +} + +``` + +```js +const countries = ['Finland', 'Sweden', 'Norway', 'Denmark', 'Iceland'] +const newArr = [] +for(const country of countries){ + newArr.push(country.toUpperCase()) +} + +console.log(newArr) // ["FINLAND", "SWEDEN", "NORWAY", "DENMARK", "ICELAND"] +``` + +### break + +Break được dùng để dừng vòng lặp. + +```js +for(let i = 0; i <= 5; i++){ + if(i == 3){ + break + } + console.log(i) +} + +// 0 1 2 +``` + +Đoạn code trên dừng lại nếu tìm thấy số 3 trong quá trình lặp lại. + +### continue + +Chúng ta sử dụng từ khóa continue để bỏ qua một số lần lặp cụ thể. + +```js +for(let i = 0; i <= 5; i++){ + if(i == 3){ + continue + } + console.log(i) +} + +// 0 1 2 4 5 +``` + +🌕 Bạn đẽ rất dụng cảm, bạn đã đi xa được tới đây.Bây giờ, bạn đã có sức mạnh để tự động hóa các tác vụ lặp đi lặp lại và nhàm chán. You Bạn vừa hoàn thành các thử thách ngày 6 và bạn đã đi 6 bước tiến vào hành trình trở thành một người vĩ đại. Bây giờ hãy làm một số bài tập cho não bộ và cơ thể của bạn. + +## 💻 Bài tập: ngày 6 + +### Bài tập: cấp độ 1 + + ```js + const countries = [ + 'Albania', + 'Bolivia', + 'Canada', + 'Denmark', + 'Ethiopia', + 'Finland', + 'Germany', + 'Hungary', + 'Ireland', + 'Japan', + 'Kenya' + ] + + const webTechs = [ + 'HTML', + 'CSS', + 'JavaScript', + 'React', + 'Redux', + 'Node', + 'MongoDB' + ] + + const mernStack = ['MongoDB', 'Express', 'React', 'Node'] + ``` + +1. Lặp từ 0 đến 10 bằng vòng lặp for, và làm tương tự bằng vòng lặp while và do while. +2. Lặp từ 10 đến 0 bằng vòng lặp for, và làm tương tự bằng vòng lặp while và do while. +3. Lặp từ 0 tới n bằng vòng lặp for. +4. Viết một vòng lặp để in ra một mẫu như sau bằng cách sử dụng console.log(): + + ```js + # + ## + ### + #### + ##### + ###### + ####### + ``` + +5. Sử dụng vòng lặp để in ra mẫu như sau: + + ```sh + 0 x 0 = 0 + 1 x 1 = 1 + 2 x 2 = 4 + 3 x 3 = 9 + 4 x 4 = 16 + 5 x 5 = 25 + 6 x 6 = 36 + 7 x 7 = 49 + 8 x 8 = 64 + 9 x 9 = 81 + 10 x 10 = 100 + ``` + +6. Sử dụng vòng lặp để in ra mẫu như sau: + + ```sh + i i^2 i^3 + 0 0 0 + 1 1 1 + 2 4 8 + 3 9 27 + 4 16 64 + 5 25 125 + 6 36 216 + 7 49 343 + 8 64 512 + 9 81 729 + 10 100 1000 + ``` + +7. Sử dụng vòng lặp để in ra các số chẵn trong dãy số từ 0 tới 100. +8. Sử dụng vòng lặp để in ra các số lẻ trong dãy số từ 0 tới 100. +9. Sử dụng vòng lặp để in ra các số nguyên tố trong dãy số từ 0 tới 100. +10. Sử dụng vòng lặp để in ra tổng giá trị dãy số từ 0 tới 100. + + ```sh + Giá trị tổng từ 0 tới 100 là is 5050. + ``` + +11. Sử dụng vòng lặp để in ra tổng các sổ chẵn và tổng các số lẻ trong dãy số từ 0 tới 100. + + ```sh + Từ 0 tới 100 có tổng số chẵn là 2550, và tổng số lẻ là 2500. + ``` + +12. Sử dụng vòng lặp để tính tổng các sổ chẵn và tổng các số lẻ trong dãy số từ 0 tới 100. In hai giá trị này dưới dạng mảng. + + ```sh + [2550, 2500] + ``` + +13. Lập trình một script nhỏ tạo một mảng với 5 số ngẫu nhiên. +14. Lập trình một script nhỏ tạo một mảng với 5 số ngẫu nhiên, các số không được lặp lại +15. Lập trình một script nhỏ tạo 6 kí tự ngẫu nhiên. + + ```sh + 5j2khz + ``` + +### Bài tập: cấp độ 2 + +1. Lập trình một script nhỏ tạo n kí tự ngẫu nhiên. + + ```sh + fe3jo1gl124g + ``` + + ```sh + xkqci4utda1lmbelpkm03rba + ``` + +1. Lập trình một script nhỏ tạo 1 số hexadecimal(hệ lục phân) ngẫu nhiên. + + ```sh + '#ee33df' + ``` + +1. Lập trình một script nhỏ tạo 1 rgb(mã màu) ngẫu nhiên. + + ```sh + rgb(240,180,80) + ``` + +1. Sử dụng tên các quốc gia ở trên và tạo một mảng mới. + + ```sh + ["ALBANIA", "BOLIVIA", "CANADA", "DENMARK", "ETHIOPIA", "FINLAND", "GERMANY", "HUNGARY", "IRELAND", "JAPAN", "KENYA"] + ``` + +1. Sử dụng mảng ở trên tạo một mảng độ dài tên các quốc gia. + + ```sh + [7, 7, 6, 7, 8, 7, 7, 7, 7, 5, 5] + ``` + +1. Sử dụng mảng các quốc gia ở trên tạo một mảng chứa các mảng như sau. + + ```sh + [ + ['Albania', 'ALB', 7], + ['Bolivia', 'BOL', 7], + ['Canada', 'CAN', 6], + ['Denmark', 'DEN', 7], + ['Ethiopia', 'ETH', 8], + ['Finland', 'FIN', 7], + ['Germany', 'GER', 7], + ['Hungary', 'HUN', 7], + ['Ireland', 'IRE', 7], + ['Iceland', 'ICE', 7], + ['Japan', 'JAP', 5], + ['Kenya', 'KEN', 5] + ] + ``` + +2. Dựa vào mảng các quốc gia trên, kiểm tra xem có quốc gia nào chứa từ 'land'. Nếu có thì in ra dưới dạng mảng. Nếu cả mảng không có thì in 'All these countries are without land'. + + ```sh + ['Finland','Ireland', 'Iceland'] + ``` + +3. Dựa vào mảng các quốc gia trên, kiểm tra xem có quốc gia nào kết thúc với 'ia'. Nếu có thì in ra dưới dạng mảng. Nếu cả mảng không có thì in 'These are countries ends without ia'. + + ```sh + ['Albania', 'Bolivia','Ethiopia'] + ``` + +4. Dựa vào mảng các quốc gia trên, tìm quốc gia có nhiều ký tự trong tên nhất. + + ```sh + Ethiopia + ``` + +5. Dựa vào mảng các quốc gia trên, tìm quốc gia có 5 ký tự trong tên. + + ```sh + ['Japan', 'Kenya'] + ``` + +6. Tìm chữ dài nhất trong mảng webTechs. +7. Sài mảng webTechs tạo một mảng chứa các mảng như sau: + + ```sh + [["HTML", 4], ["CSS", 3],["JavaScript", 10],["React", 5],["Redux", 5],["Node", 4],["MongoDB", 7]] + ``` + +8. Một ứng dụng được tạo bằng MongoDB, Express, React và Node được gọi là một ứng dụng MERN stack. Tạo chữ viết tắt MERN bằng cách sử dụng mảng mernStack: +9. Sử dụng vòng lặp for hay for of để in ra các phần tử trong mảng ["HTML", "CSS", "JS", "React", "Redux", "Node", "Express", "MongoDB"]. +10. Đây là mảng fruit , ['banana', 'orange', 'mango', 'lemon'] đảo ngược thứ tự trong mảng bàng vòng lặp không sử dụng reverse. +11. In ra tất cả các phần tử của mảng như được hiển thị bên dưới. + + ```js + const fullStack = [ + ['HTML', 'CSS', 'JS', 'React'], + ['Node', 'Express', 'MongoDB'] + ] + ```` + + ```sh + HTML + CSS + JS + REACT + NODE + EXPRESS + MONGODB + ``` + +### Bài tập: cấp độ 3 + +1. Sao chép mảng quốc gia (Tránh sự biến đổi) +1. Mảng là có thể bị biến đổi. Tạo một bản sao của mảng mà không sửa đổi bản gốc. Sắp xếp mảng sao chép và lưu trữ vào biến sortedCountries. +1. Sắp xếp mảng webTechs và mernStack. +1. Trích xuất tất cả các quốc gia chứa từ 'land' từ [countries array](https://github.com/Asabeneh/30DaysOfJavaScript/tree/master/data/countries.js) và in ra dưới dạng mảng. +1. Tìm quốc gia có số ký tự lớn nhất trong [countries array](https://github.com/Asabeneh/30DaysOfJavaScript/tree/master/data/countries.js) +1. Trích xuất tất cả các quốc gia chứa từ 'land' từ [countries array](https://github.com/Asabeneh/30DaysOfJavaScript/tree/master/data/countries.js) và in ra dưới dạng mảng. +1. Trích xuất tất cả các quốc gia chỉ chứa bốn ký tự từ[countries array](https://github.com/Asabeneh/30DaysOfJavaScript/tree/master/data/countries.js) và in ra dưới dạng mảng. +1. Trích xuất tất cả các quốc gia chứa hai hoặc nhiều từ [countries array](https://github.com/Asabeneh/30DaysOfJavaScript/tree/master/data/countries.js) và in ra dưới dạng mảng. +1. Đảo ngược [countries array](https://github.com/Asabeneh/30DaysOfJavaScript/tree/master/data/countries.js) và viết hoa tất cả các quốc gia và lưu trữ chúng vào một + +🎉 CHÚC MỪNG BẠN! 🎉 + +[<< Day 5](../05_Day_Arrays/05_day_arrays.md) | [Ngày 7 >>](../07_Day_Functions/07_day_functions.md)