Giới thiệu
Các hoạt động toán học là một trong những tính năng cơ bản và phổ quát nhất của bất kỳ ngôn ngữ lập trình nào. Trong JavaScript, các số được sử dụng thường xuyên cho các tác vụ phổ biến như tìm kích thước kích thước cửa sổ trình duyệt, nhận được giá cuối cùng của giao dịch tiền tệ và tính toán khoảng cách giữa các yếu tố trong tài liệu trang web.
Mặc dù sự hiểu biết cấp cao về toán học không phải là điều kiện tiên quyết để trở thành một nhà phát triển có khả năng, nhưng điều quan trọng là phải biết loại hoạt động nào có sẵn trong JavaScript và cách sử dụng toán học như một công cụ để hoàn thành các nhiệm vụ thực tế.
Không giống như các ngôn ngữ lập trình khác, JavaScript chỉ có một loại dữ liệu số; Không có sự phân biệt được thực hiện giữa các số nguyên [ví dụ, số tổng thể dương hoặc âm] và phao [số có một điểm thập phân] chẳng hạn.
Trong hướng dẫn này, chúng tôi sẽ xem các toán tử số học, toán tử gán và thứ tự các hoạt động được sử dụng với các loại dữ liệu số JavaScript.
Toán tử số học
Các toán tử số học là các biểu tượng chỉ ra một hoạt động toán học và trả về một giá trị. Trong phương trình
1, // Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
2 là cú pháp là viết tắt của bổ sung. are symbols that indicate a mathematical operation and return a value. In the equation // Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
// Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
1, the // Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
2 is syntax that stands for addition.JavaScript có nhiều toán tử quen thuộc từ toán học cơ bản, cũng như một vài toán tử bổ sung cụ thể cho lập trình.
Dưới đây là một bảng tham chiếu của các toán tử số học JavaScript.
Phép cộng | 2 | 4 | Tổng của 5 và 6 |
Phép trừ | 7 | 8 | Sự khác biệt của 5 và 6 |
Phép nhân | 1 | 2 | Sản phẩm của 5 và 6 |
Phân công | 5 | 6 | Thương số của 5 và 6 |
Modulo | 9 | 0 | Phần còn lại của 6 |
Số mũ | 2 | 3 | 5 đến sức mạnh 6 |
Tăng | 6 | 7 | 5 cộng một |
Giảm dần | 9 | 0 | 5 trừ một |
Chúng tôi sẽ đi sâu vào chi tiết hơn về từng nhà khai thác trong suốt bài viết này.
Cộng và trừ
Các toán tử và phép trừ có sẵn trong JavaScript và có thể được sử dụng để tìm tổng và chênh lệch của các giá trị số. JavaScript có một máy tính tích hợp và các hoạt động toán học có thể được thực hiện trực tiếp trong bảng điều khiển. and subtraction operators are available in JavaScript, and can be used to find the sum and difference of numerical values. JavaScript has a built-in calculator, and mathematical operations can be done directly in the console.
Chúng ta có thể thực hiện một số bổ sung đơn giản với các số, ví dụ: thêm
Output
-7.7
2 và Output
-7.7
3, sử dụng dấu cộng [// Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
2].10 + 20;
Output
30
Ngoài việc thực hiện toán học với các số đơn giản, chúng tôi cũng có thể gán số cho các biến và thực hiện các tính toán tương tự. Trong trường hợp này, chúng tôi sẽ gán các giá trị số cho
// Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
5 và // Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
6 và đặt tổng trong Output
-7.7
7.// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
Output
30
Tương tự, chúng tôi sử dụng dấu trừ [
// Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
7] để trừ các số hoặc biến biểu thị số.// Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
Output
10
Chúng ta cũng có thể thêm và trừ với số âm và phao [số thập phân].
// Assign values to x and y
let x = -5.2;
let y = 2.5;
// Subtract y from x and assign the difference to z
let z = x - y;
console.log[z];
Output
-7.7
Một điều thú vị cần lưu ý và nhận thức được trong JavaScript là kết quả của việc thêm một số và một chuỗi. Chúng tôi biết rằng
Output
-7.7
9 nên bằng let x = 1 + "1";
console.log[x];
typeof x;
0, nhưng phương trình này sẽ có kết quả không mong muốn.let x = 1 + "1";
console.log[x];
typeof x;
Output
11
'string'
Thay vì thêm hai số, JavaScript sẽ chuyển đổi toàn bộ câu lệnh thành một chuỗi và kết hợp chúng lại với nhau. Điều quan trọng là phải cẩn thận với bản chất được gõ động của JavaScript, vì nó có thể có kết quả không mong muốn.
Một lý do phổ biến để sử dụng bổ sung hoặc trừ trong JavaScript sẽ là cuộn đến ID trừ đi chiều cao trong pixel của thanh điều hướng cố định.
Output
30
0Trong ví dụ trên, nhấp vào ID sẽ cuộn đến 60 pixel so với ID.
Ngoài ra và trừ là hai trong số các phương trình toán học phổ biến nhất bạn sẽ sử dụng trong JavaScript.
Phép nhân và chia
Các toán tử nhân và phân chia cũng có sẵn trong JavaScript, và được sử dụng để tìm sản phẩm và thương số của các giá trị số. and division operators are also available in JavaScript, and are used to find the product and quotient of numerical values.
Dấu hoa thị [
Output
10
1] được sử dụng để biểu diễn toán tử nhân.Output
30
1Output
30
2Nhân có thể được sử dụng để tính giá của một mặt hàng sau khi áp dụng thuế bán hàng.
Output
30
3Output
30
4Một dấu gạch chéo [
Output
10
5] được sử dụng để đại diện cho nhà điều hành bộ phận.Output
30
5Output
30
6Bộ phận đặc biệt hữu ích khi tính thời gian, chẳng hạn như tìm số giờ trong một số phút hoặc khi tính phần trăm câu trả lời đúng hoàn thành trong một bài kiểm tra.
Modulo
Một toán tử số học ít quen thuộc hơn là toán tử mô đun [đôi khi được gọi là mô đun], tính toán phần còn lại của thương số sau khi chia. Modulo được biểu thị bằng một dấu hiệu phần trăm [
Output
10
9].Ví dụ, chúng tôi biết rằng
let x = 1 + "1";
console.log[x];
typeof x;
4 đi vào let x = 1 + "1";
console.log[x];
typeof x;
5 chính xác ba lần và không có phần còn lại.Output
30
7Output
30
8Chúng ta có thể sử dụng toán tử modulo để xác định xem một số chẵn hay số lẻ, như đã thấy với chức năng này:
Output
30
9// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
0Trong ví dụ trên,
let x = 1 + "1";
console.log[x];
typeof x;
6 chia đều thành let x = 1 + "1";
console.log[x];
typeof x;
0, do đó nó là một số chẵn.Thông thường trong lập trình, modulo được sử dụng cùng với các câu lệnh có điều kiện để kiểm soát dòng chảy.
Số mũ
Chung kết là một trong những toán tử mới hơn trong JavaScript và nó cho phép chúng ta tính toán sức mạnh của một số bằng số mũ của nó. Cú pháp để số liệu là hai dấu sao liên tiếp [
2]. is one of the newer operators in JavaScript, and it allows us to calculate the power of a number by its exponent. The syntax for exponentiation is two asterisks in a row [// Assign values to x and y
let x = -5.2;
let y = 2.5;
// Subtract y from x and assign the difference to z
let z = x - y;
console.log[z];
// Assign values to x and y
let x = -5.2;
let y = 2.5;
// Subtract y from x and assign the difference to z
let z = x - y;
console.log[z];
2].10 đến sức mạnh thứ năm, hoặc 10^5, được viết như thế này:
// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
1// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
2let x = 1 + "1";
console.log[x];
typeof x;
9 đại diện cho Output
-7.7
2 nhân với Output
-7.7
2 năm lần:// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
3Một cách khác để viết này là với phương pháp
Output
11
'string'
2.// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
4// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
2Sử dụng toán tử số liệu là một cách ngắn gọn để tìm sức mạnh của một số nhất định, nhưng như thường lệ, điều quan trọng là phải giữ sự phù hợp với phong cách của cơ sở mã của bạn khi chọn giữa phương thức và toán tử.
Tăng và giảm
Các toán tử tăng và giảm tăng hoặc giảm giá trị số của một biến. Chúng được biểu thị bằng hai dấu hiệu cộng [
6] hoặc hai dấu hiệu trừ [// Assign values to x and y
let x = -5.2;
let y = 2.5;
// Subtract y from x and assign the difference to z
let z = x - y;
console.log[z];
9] và thường được sử dụng với các vòng lặp. and decrement operators increase or reduce the numerical value of a variable by one. They are
represented by two plus signs [// Assign values to x and y
let x = -5.2;
let y = 2.5;
// Subtract y from x and assign the difference to z
let z = x - y;
console.log[z];
// Assign values to x and y
let x = -5.2;
let y = 2.5;
// Subtract y from x and assign the difference to z
let z = x - y;
console.log[z];
6] or two minus signs [// Assign values to x and y
let x = -5.2;
let y = 2.5;
// Subtract y from x and assign the difference to z
let z = x - y;
console.log[z];
9], and are often used with loops.Lưu ý rằng các toán tử tăng và giảm chỉ có thể được sử dụng trên các biến; Cố gắng sử dụng chúng trên một số RAW sẽ dẫn đến lỗi.
// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
6// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
7Các toán tử tăng và giảm có thể được phân loại là hoạt động tiền tố hoặc postfix, tùy thuộc vào việc toán tử có được đặt trước hay sau biến hay không.
Đầu tiên, chúng ta có thể nhắn tin gia tăng tiền tố, với
Output
11
'string'
5.// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
8// Assign values to x and y
let x = 10;
let y = 20;
// Add x and y and assign the sum to z
let z = x + y;
console.log[z];
9Giá trị của
// Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
5 đã tăng thêm một. Để xem sự khác biệt, chúng tôi sẽ kiểm tra sự gia tăng của postfix, với Output
11
'string'
7.Output
30
0Output
30
1Giá trị của
// Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
6 không được tăng lên trong hoạt động postfix. Điều này là do giá trị sẽ không được tăng lên cho đến khi biểu thức được đánh giá.Toán tử tăng hoặc giảm sẽ được nhìn thấy thường xuyên nhất trong một vòng lặp. Trong ví dụ vòng lặp
Output
11
'string'
9 này, chúng tôi sẽ chạy hoạt động mười lần, bắt đầu bằng Output
30
00 và tăng giá trị bằng Output
30
01 với mỗi lần lặp.Output
30
2Output
30
3Mã trên cho thấy một lần lặp thông qua một vòng lặp đạt được thông qua việc sử dụng toán tử tăng.
Chúng ta có thể nghĩ
// Assign values to x and y
let x = -5.2;
let y = 2.5;
// Subtract y from x and assign the difference to z
let z = x - y;
console.log[z];
7 là tốc ký cho Output
30
03 và Output
-7.7
0 là tốc ký cho Output
30
05.Toán tử chuyển nhượng
Một trong những toán tử được sử dụng phổ biến nhất là toán tử gán mà chúng ta đã thấy và được biểu thị bằng một dấu hiệu bình đẳng [
Output
30
06]. Chúng tôi sử dụng Output
30
06 để gán một giá trị ở bên phải cho một biến ở bên trái.assignment operator, which we have seen already and is represented by an equals sign [Output
30
06]. We use Output
30
06 to assign a value on the right to a variable on the left.Output
30
4Ngoài toán tử gán tiêu chuẩn, JavaScript còn có toán tử gán hợp chất, kết hợp toán tử số học với
Output
30
06.compound assignment operators, which combine an arithmetic operator with Output
30
06.Ví dụ: toán tử bổ sung sẽ bắt đầu với giá trị ban đầu và thêm một giá trị mới.
Output
30
5 Output
30
Trong trường hợp này,
Output
30
09 giống như viết Output
30
10.Tất cả các toán tử số học có thể được kết hợp với gán để tạo ra các toán tử gán hợp chất. Dưới đây là bảng tham chiếu của các toán tử gán trong JavaScript.
Phân công | 06 |
Bổ sung nhiệm vụ | 12 |
Phép trừ phân công | 13 |
Bài tập nhân | 14 |
Phân chia phân công | 15 |
Phần còn lại | 16 |
Phân công số mũ | 17 |
Các toán tử gán hợp chất thường được sử dụng với các vòng, tương tự như sự gia tăng và giảm, và được sử dụng khi các phương trình cần được lặp lại hoặc tự động hóa.
ưu tiên điều hành
Mặc dù chúng tôi đọc từ trái sang phải, các nhà khai thác sẽ được đánh giá theo thứ tự ưu tiên, giống như trong toán học thông thường.
Trong ví dụ sau, phép nhân có mức độ ưu tiên cao hơn so với bổ sung, xác định kết quả của phương trình.
Output
30
7Output
30
8Nếu thay vào đó, chúng tôi muốn chạy hoạt động bổ sung trước, chúng tôi nên nhóm nó theo ngoặc đơn, luôn có ưu tiên cao nhất.
Output
30
9// Assign values to x and y
let x = 10;
let y = 20;
// Subtract x from y and assign the difference to z
let z = y - x;
console.log[z];
0Dưới đây là bảng tham chiếu của toán tử ưu tiên của các toán tử số học trong JavaScript, từ cao nhất đến thấp nhất. Để tăng và giảm, Postfix có mức độ ưu tiên cao hơn tiền tố.
Sự gia tăng/giảm, phép nhân/chia và cộng/trừ có cùng mức độ ưu tiên.
Phân công | 06 |
Bổ sung nhiệm vụ | 12 |
Phép trừ phân công | 13 |
Bài tập nhân | 14 |
Phân chia phân công | 15 |
Phần còn lại | 16 |
Phân công số mũ | 17 |
Các toán tử gán hợp chất thường được sử dụng với các vòng, tương tự như sự gia tăng và giảm, và được sử dụng khi các phương trình cần được lặp lại hoặc tự động hóa. | 7 |
Ưu tiên của toán tử bao gồm không chỉ các toán tử số học, mà cả các toán tử gán, toán tử logic, toán tử có điều kiện, v.v. Đối với một danh sách đầy đủ, hãy xem trước của nhà điều hành trên Mạng lưới Nhà phát triển Mozilla [MDN].
Sự kết luận
Trong bài viết này, chúng tôi đã đề cập đến các toán tử số học và cú pháp, bao gồm nhiều toán tử toán học quen thuộc và một số ít cụ thể cho lập trình.
Ngoài ra, chúng tôi đã học cách kết hợp số học và gán để tạo ra các toán tử gán hợp chất và thứ tự hoạt động trong JavaScript.