Viết, Chạy & Chia sẻ mã Javascript trực tuyến bằng trình biên dịch trực tuyến JS của OneCompiler miễn phí. Đây là một trong những trình biên dịch trực tuyến mạnh mẽ, giàu tính năng dành cho ngôn ngữ Javascript. Bắt đầu với trình soạn thảo Javascript của OneCompiler thật dễ dàng và nhanh chóng. Trình chỉnh sửa hiển thị mã soạn sẵn mẫu khi bạn chọn ngôn ngữ là Javascript và bắt đầu viết mã
Javascript [JS] là ngôn ngữ lập trình hướng đối tượng tuân theo Tiêu chuẩn tập lệnh ECMA. Javascript là cần thiết để thiết kế hành vi của các trang web
- Mã nguồn mở
- Ngôn ngữ được biên dịch đúng lúc
- Được nhúng cùng với HTML và làm cho các trang web trở nên sống động
- Ban đầu được đặt tên là LiveScript
- Có thể thực thi trong cả trình duyệt và máy chủ có các công cụ Javascript như V8 [chrome], SpiderMonkey [Firefox], v.v.
sự định nghĩa biến
KeywordDescriptionScopevarVar dùng để khai báo biến [cách khai báo biến cũ] Hàm hoặc scopeletlet toàn cục cũng dùng để khai báo biến [cách mới] Scopeconst toàn cục hoặc khối dùng để khai báo giá trị const. Sau khi giá trị được gán, nó không thể được sửa đổi Phạm vi toàn cầu hoặc khốiBacktick Chuỗi
nội suy
let greetings = `Hello ${name}`
Chuỗi nhiều dòng
const msg = `
hello
world!
`
Mảng
Một mảng là một tập hợp các mục hoặc giá trị
cú pháp
let arrayName = [value1, value2,..etc];
// or
let arrayName = new Array["value1","value2",..etc];
Thí dụ
let mobiles = ["iPhone", "Samsung", "Pixel"];
// accessing an array
console.log[mobiles[0]];
// changing an array element
mobiles[3] = "Nokia";
chức năng mũi tên
Arrow Functions giúp các nhà phát triển viết mã một cách ngắn gọn, nó được giới thiệu trong ES6
Hàm mũi tên có thể được viết theo nhiều cách. Dưới đây là một số cách để sử dụng chức năng mũi tên nhưng nó cũng có thể được viết theo nhiều cách khác
cú pháp
[] => expression
Thí dụ
const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
const squaresOfEvenNumbers = numbers.filter[ele => ele % 2 == 0]
.map[ele => ele ** 2];
console.log[squaresOfEvenNumbers];
hủy cấu trúc
Mảng
let [firstName, lastName] = ['Foo', 'Bar']
Các đối tượng
let {firstName, lastName} = {
firstName: 'Foo',
lastName: 'Bar'
}
còn lại[. ] nhà điều hành
________số 8_______Lây lan[. ] nhà điều hành
//Object spread
const post = {
...options,
type: "new"
}
//array spread
const users = [
...adminUsers,
...normalUsers
]
Chức năng
const msg = `
hello
world!
`
0vòng lặp
1. Nếu như
IF được sử dụng để thực thi một khối mã dựa trên một điều kiện
cú pháp
const msg = `
hello
world!
`
12. Nếu khác
Phần khác được sử dụng để thực thi khối mã khi điều kiện không thành công
cú pháp
const msg = `
hello
world!
`
23. Công tắc
Switch được sử dụng để thay thế các câu lệnh If-Else lồng nhau
cú pháp
const msg = `
hello
world!
`
34. Vì
Vòng lặp for được sử dụng để lặp lại một tập hợp các câu lệnh dựa trên một điều kiện
const msg = `
hello
world!
`
45. Trong khi
While cũng được sử dụng để lặp lại một tập hợp các câu lệnh dựa trên một điều kiện. Thông thường, while được ưu tiên khi không biết trước số lần lặp
const msg = `
hello
world!
`
56. Làm trong khi
Do-while cũng được sử dụng để lặp lại một tập hợp các câu lệnh dựa trên một điều kiện. Nó chủ yếu được sử dụng khi bạn cần thực hiện các câu lệnh ít nhất một lần
const msg = `
hello
world!
`
6Các lớp học
ES6 đã giới thiệu các lớp cùng với các khái niệm OOPS trong JS. Lớp tương tự như một chức năng mà bạn có thể nghĩ giống như một loại khuôn mẫu sẽ được gọi khi bạn khởi tạo lớp
Chà, toàn bộ phần này là muốn tôi kiểm tra kết quả trong thiết bị đầu cuối và cam kết với Github
Đây là tất cả các hướng tôi nhận được
// Write a for loop that will print only even numbers from an array:
// For example: question0[[ 5, 20, 11, 42, 2, 19 ]] >> [ 20, 42, 2 ]
function question0[array]{
let arr = [];
for [let i = 0; i < array.length; i++]{
if [array[i] % 2 === 0]{
arr.push[array[i]];
}
}
return arr;
}
Trên mỗi lần lặp lại, chúng ta sử dụng toán tử modulo [%] để kiểm tra xem số đó có chia hết cho _______18_______ không.
Nếu không có số dư khi chia số này cho 2
thì đó là số chẵn
Chỉ các số even
thỏa mãn điều kiện và được thêm vào mảng mới
Nếu bạn phải thường xuyên tìm các số chẵn trong một mảng, hãy xác định một hàm có thể tái sử dụng
Hàm findEvenNumbers[]
nhận một mảng làm tham số và tìm tất cả các số chẵn trong mảng
Một cách tiếp cận khác là sử dụng Array. phương thức forEach
Tìm các số chẵn trong một mảng bằng Array. cho mỗi[]
Để tìm các số chẵn trong một mảng
- Khai báo một biến và khởi tạo nó thành một mảng trống
- Sử dụng phương thức
Array.forEach[]
để lặp lại mảng - Kiểm tra xem mỗi số không có số dư khi chia cho 2
- Nếu không có phần còn lại, đẩy số vào mảng số
even
Hàm chúng tôi đã chuyển đến Mảng. Phương thức forEach[] được gọi với từng phần tử trong mảng
Tuy nhiên, phương thức forEach[]
không trả về một mảng như filter[]
Phương thức filter
0 trả về filter
1 nên chúng ta phải tạo một mảng mới để lưu trữ kết quả
Trên mỗi lần lặp, chúng tôi kiểm tra xem số hiện tại không có số dư khi chia cho 2
Nếu điều kiện được đáp ứng, chúng tôi đẩy số vào mảng số even
Sau khi phương thức forEach[]
đã lặp trên toàn bộ mảng, biến even
sẽ lưu trữ tất cả các số chẵn từ mảng ban đầu
Nếu bạn phải làm điều này thường xuyên, hãy xác định chức năng có thể tái sử dụng
Hàm findEvenNumbers[]
nhận một mảng làm tham số và trả về các số chẵn trong mảng
Bạn cũng có thể sử dụng vòng lặp filter
7 để tìm các số chẵn trong một mảng
Tìm các số chẵn trong một mảng bằng cách sử dụng vòng lặp filter
7
Để tìm các số chẵn trong một mảng
- Sử dụng vòng lặp
filter
7 để lặp lại mảng - Kiểm tra xem mỗi số không có số dư khi chia cho
2
- Nếu điều kiện được đáp ứng, đẩy số vào một mảng mới
cho. of câu lệnh được sử dụng để lặp qua các đối tượng có thể lặp lại như mảng, chuỗi, đối tượng 2
1, 2
2 và 2
3 và 2
4
Trên mỗi lần lặp, chúng tôi kiểm tra xem số hiện tại không có số dư khi chia cho 2
Nếu số chẵn ta đẩy vào mảng even
Bạn cũng có thể trích xuất logic thành một chức năng có thể tái sử dụng
Hàm lấy một mảng làm tham số và trả về một mảng mới chỉ chứa các số chẵn của mảng ban đầu
Bạn cũng có thể sử dụng vòng lặp 2
7 cơ bản để tìm các số chẵn trong một mảng
Tìm các số chẵn trong Mảng bằng vòng lặp 2
7
Để tìm các số chẵn trong một mảng
- Sử dụng vòng lặp
2
7 để lặp lại mảng - Truy cập từng mục bằng cách sử dụng chỉ mục
- Nếu số chẵn thì đẩy sang mảng mới
Chúng tôi đã sử dụng một vòng lặp 2
7 cơ bản để lặp lại mảng
Trên mỗi lần lặp, chúng ta truy cập phần tử mảng tại chỉ số hiện tại và kiểm tra xem nó có phải là số chẵn không
Nếu thỏa mãn điều kiện ta đẩy phần tử vào mảng mới
Bạn chọn cách tiếp cận nào là vấn đề sở thích cá nhân. Tôi sẽ sử dụng phương pháp Array.forEach[]
vì tôi thấy nó khá trực tiếp và dễ đọc