Javascript Bro Code

 Do vid họ làm dài tận 4 tiếng nên tôi sẽ chỉ liệt kê những thứ quan trọng:

1. window.promt("Text gì đó"); -> Khi vào trang sẽ hiện lên 1 bảng để điền tên, và các bạn có thể đặt luôn tên biến cho text được ghi bên trong window prompt

VD: var myName = window.promt("What is your name?");

2. Ta có thể dùng lệnh getElementBy... để truyền giá trị từ html vào trong js, đây là 1 trong số các lệnh:

Trong đó phổ biến nhất là document.getElementById

3. Ta có thể đổi dạng của biến ( Ví dụ đang từ String thành Number , Boolen )

VD:

var myAge = 18;

myAge = String(myAge);

Thì số 18 giờ sẽ trở thành 2 kí tự 1 và 8.

4. Tạo ra một object

VD:

var human = {

    name: "Khoi",

    age : 16,

    

eat : function(){

console.log("Khoi is eating")

},

drink : function (){

console.log("Khoi is drinking alcohol")

},

sleep : function(){

console.log("Khoi has passed out");

}

};

Sau đó dùng 1 trong các loại sau đây để access tới 1 hoặc nhiều variable trong các function (Dot Notation, Bracket Notation)

VD:

console.log(human.name);

Output:

Khoi

5. Array

VD:

Tạo ra 1 array:

var cars = ["Ferrari","Mercedes","Lamborgini"];

index của dãy array bắt đầu từ 0 -> cars[0] sẽ là "Ferrari"

-> Ta có thể insert vào một chiếc xe thứ 4 ( tức cars[3] ) = cách

- cars.push("Tesla");

Nếu ta console.log(cars[3]); thì output sẽ hiện ra "Tesla"

- name.pop() sẽ xóa đi phần tử cuối cùng của array

- name.length() sẽ hiển thị số phần tử của một dãy array.

- name.shift() sẽ xóa phần tử đầu tiên của một dãy array.

- name.unshift() sẽ thêm vào các phần tử bắt đầu từ vế trái của dãy array

- name.concat() sẽ merge hai dãy array vào nhau

VD:

var numberOfCars = cars.length;

console.log(numberOfCars); 

Output sẽ cho ra 3

Muốn sort một dãy array theo thứ tự từ nhỏ đến lớn, hoặc theo một dãy alphabet ta có thể dùng:

cars = cars.sort();

Hoặc muốn đảo ngược lại thì dùng:

cars = cars.reverse();

5. While loop

Dùng y hệt như môn C và cũng có cả do while

6. For loop

Dùng y hệt như môn C

7. For in loop

Dùng để hiển thị các phần tử bên trong một dãy array theo ý muốn.

VD:

Cách dài dòng nếu không dùng for in:

var letter=["H","E","L","P"];

let i;

for (i=0;i<letter.length,i++){

console.log(letter[i]);

}

Output sẽ hiện lần lượt các kí tự bên trong dãy letter

Nhưng nếu ta dùng for in loop thì sẽ giảm được đáng kể code:

var letter=["H","E","L","P"];

let i;

for ( i in letter ){

console.log(letter[i]);

}

Nhưng ta vẫn nên dùng cách 1 vì nó linh hoạt hơn, chỉ dùng for in loop khi thực sự không cần nhiều

Ngoài ra ta còn có thể dùng for in loop để hiển thị thông tin của 1 Object

Ví dụ giờ mình sẽ tạo một object có tên là car:

var car = {

made: 2022,

name: "Audi",

color: "white"

};

8. Date Object

date = new Date(); // hiện ra current time

date = new Date(số); // hiện ra timeline nào đó từ năm 1969 và tăng dần lên theo số

Ngoài ra còn có thể chỉnh thời gian theo ý mình:

date = new Date(năm,tháng(bắt đầu từ 0),ngày(bắt đầu từ 1),giờ,phút,giây,miligiay)

hoặc theo dạng string:

date = new Date(Tháng Ngày,Năm giờ:phút:giây);

Muốn display ra console thì tạo 1 biến cho nó:

VD: ( Tất cả các biến dưới đây đều đang ở dạng number )

let year = date.getFullYear(); ( lấy giá trị của Năm )

let month = date.getMonth(); ( lấy giá trị của Tháng )

let dayOfWeek = date.getDay(); (lấy giá trị của ngày hiện tại trong tuần )

let dayOfMonth = date.getDate(); ( lấy giá trị của ngày hiện tại trong tháng )

let hours = date.getHours(); ( lấy giá trị của giờ VD: 4 giờ chiều thì output sẽ là 16 )

 let minute = date.getMinutes(); ( lấy giá trị phút )

 let second = date.getSeconds(); ( lấy giá trị giây )

// In ra giờ:

 console.log(year);

 console.log(month);

 console.log(dayOfWeek);

 console.log(dayOfMonth);

 console.log(hours);

 console.log(minute);

 console.log(second);

Ngoài ra ta cũng có thể set giá trị cho thời gian:

VD:

date.setFullYear -> Đơn giản là chỉ đổi get thành set

9.Các lệnh về String ( lấy kí tự cuối, đếm kí tự, ... )

var randomName = "Tran Dang Khoi";

- Bây giờ ta sẽ một lượt qua các lệnh:

console.log(randomName.charAt(0)); // In ra kí tự đầu tiên trong string

console.log(randomName.indexof("a"); // In ra số phần tử đạt được để chạy đến kí tự a đầu tiên trong String.

console.log(randomName.lastindexof("a"); // In ra số phần tử đạt được để chạy đến kí tự a cuối cùng trong String.

console.log(randomName.trim); // Xóa hết White Space

console.log(randomName.toUpperCase); // Viết in hết tất cả chữ bên trong String

console.log ... .toLowerCase // Viết thường tất cả các chữ trong string

Giờ ta sẽ thực hành dùng lệnh slice:

VD:

var firstName = randomName.slice(0, randomName.indexof(" "));

console.log (firstName);

Lúc này ta sẽ in ra được họ của chúng ta.

Vậy bây giờ muốn lấy tên của chúng ta thì như nào??

var lastName = randomName.slice (randomName.lastindexof(" "));

console.log (lastname);

Output sẽ hiện ra các kí tự cuối cùng sau nút Space cuối, nhưng nó vẫn sẽ bao gồm luôn cả 1 kí tự Space đằng trước -> thêm + 1 vào sau và nó sẽ fix the problem

Ngoài ra còn có 1 lệnh khá hay là lệnh replaceAll.

VD: Giờ mình muốn thay thế mọi nút space thành kí tự "-" thì sao?

myName = myName.replaceAll(" ","-");

console.log(myName);

Ghi vào bên trong VS Code và kiểm tra output.

10. Sự khác biết giữa var và let.

let :

VD:

for (let i = 0 ; i < 3; i++){

console.log(i);

}

console.log(i); // Lỗi chương trình, vì biến i chỉ tồn tại bên trong for loop

Vậy nếu giờ ta đổi let thành var thì sao ?

for (var i = 0 ; i < 3; i++){

console.log(i);

}

console..log(i) // Output vẫn hiển thị ra giá trị của i = 3

11. Lệnh forEach().

forEach() : có tác dụng thực hiện một tính năng bất kì cho mỗi phần tử ở bên trong array

12. Lệnh map().

map(): có tác dụng thực hiện một tính năng bất kì cho mỗi phần tử ở bên trong array, sau đó lưu giữ những giá trị đó trong một array khác