Hướng dẫn what is the output of 2 5+ 3 in javascript? - đầu ra của 2 5+ 3 trong javascript là gì?

Mọi người đều thích toán học

Được rồi, có lẽ không. Một số người trong chúng ta thích toán học, một số người trong chúng ta đã ghét toán kể từ khi chúng ta phải học các bảng nhân và phân chia dài ở trường, và một số người trong chúng ta ngồi ở đâu đó ở giữa hai người. Nhưng không ai trong chúng ta có thể phủ nhận rằng toán học là một phần cơ bản của cuộc sống mà chúng ta không thể đi được rất xa mà không có. Điều này đặc biệt đúng khi chúng ta đang học lập trình JavaScript (hoặc bất kỳ ngôn ngữ nào khác cho vấn đề đó) - rất nhiều những gì chúng ta làm phụ thuộc vào việc xử lý dữ liệu số, tính toán các giá trị mới, v.v. JavaScript có sẵn một bộ chức năng toán học đầy đủ tính năng.

Bài viết này chỉ thảo luận về những phần cơ bản mà bạn cần biết bây giờ.

Các loại số

Trong lập trình, ngay cả hệ thống số thập phân khiêm tốn mà tất cả chúng ta đều biết rất phức tạp hơn bạn nghĩ. Chúng tôi sử dụng các thuật ngữ khác nhau để mô tả các loại số thập phân khác nhau, ví dụ:

• Số nguyên là số điểm nổi mà không có một phần. Họ có thể là tích cực hoặc tiêu cực, ví dụ: 10, 400 hoặc -5. are floating-point numbers without a fraction. They can either be positive or negative, e.g. 10, 400, or -5.
• Số điểm nổi (phao) có điểm thập phân và vị trí thập phân, ví dụ 12,5 và 56.7786543. (floats) have decimal points and decimal places, for example 12.5, and 56.7786543.
• Nhân đôi là một loại số điểm nổi cụ thể có độ chính xác cao hơn số điểm nổi tiêu chuẩn (có nghĩa là chúng chính xác đến số lượng lớn số thập phân). are a specific type of floating point number that have greater precision than standard floating point numbers (meaning that they are accurate to a greater number of decimal places).

Chúng tôi thậm chí có các loại hệ thống số khác nhau! Decimal là cơ sở 10 (có nghĩa là nó sử dụng 0 trận9 trong mỗi cột), nhưng chúng ta cũng có những thứ như:

• Nhị phân - Ngôn ngữ cấp thấp nhất của máy tính; 0s và 1s. — The lowest level language of computers; 0s and 1s.
• Octal - Cơ sở 8, sử dụng 0 trận7 trong mỗi cột. — Base 8, uses 0–7 in each column.
• HexAdeCimal - Cơ sở 16, sử dụng 0 trận9 và sau đó là A F F trong mỗi cột. Bạn có thể đã gặp những con số này trước khi đặt màu trong CSS. — Base 16, uses 0–9 and then a–f in each column. You may have encountered these numbers before when setting colors in CSS.

Trước khi bạn bắt đầu lo lắng về sự tan chảy của não, hãy dừng lại ngay tại đó! Để bắt đầu, chúng tôi sẽ gắn bó với số thập phân trong suốt khóa học này; Bạn sẽ hiếm khi bắt gặp cần phải bắt đầu suy nghĩ về các loại khác, nếu có. For a start, we are just going to stick to decimal numbers throughout this course; you'll rarely come across a need to start thinking about other types, if ever.

Một tin tốt thứ hai là không giống như một số ngôn ngữ lập trình khác, JavaScript chỉ có một loại dữ liệu cho các số, cả số nguyên và số thập phân - bạn đoán nó,

("5" + 2) + 3

Lưu ý: Trên thực tế, JavaScript có loại số thứ hai, Bigint, được sử dụng cho các số nguyên rất, rất lớn. Nhưng với mục đích của khóa học này, chúng tôi sẽ lo lắng về các giá trị

("5" + 2) + 3

("5" + 2) + 3

Đó là tất cả các con số đối với tôi

Chúng ta hãy nhanh chóng chơi với một số số để tự làm lại bằng cú pháp cơ bản mà chúng ta cần. Nhập các lệnh được liệt kê bên dưới vào bảng điều khiển JavaScript của nhà phát triển.

1. Trước hết, hãy khai báo một vài biến và khởi tạo chúng bằng số nguyên và phao, sau đó nhập tên biến trở lại để kiểm tra xem mọi thứ đều theo thứ tự:

   const myInt = 5;
   const myFloat = 6.667;
   myInt;
   myFloat;
   

2. Các giá trị số được nhập vào mà không có dấu ngoặc kép - hãy thử khai báo và khởi tạo một vài biến có chứa số trước khi bạn tiếp tục.
3. Bây giờ chúng ta hãy kiểm tra xem cả hai biến ban đầu của chúng ta đều có cùng kiểu dữ liệu. Có một nhà điều hành tên là

   ("5" + 2) + 3
   

   4 trong JavaScript thực hiện điều này. Nhập hai dòng dưới đây như hình:

   ________số 8

   Bạn sẽ nhận được

   ("5" + 2) + 3
   

   5 được trả lại trong cả hai trường hợp - điều này giúp chúng tôi dễ dàng hơn nhiều so với nếu các số khác nhau có các loại dữ liệu khác nhau và chúng tôi phải đối phó với chúng theo những cách khác nhau. Phew!

Phương pháp số hữu ích

Đối tượng

("5" + 2) + 3

Ví dụ: để làm tròn số của bạn vào một số vị trí thập phân cố định, hãy sử dụng phương thức

("5" + 2) + 3

const lotsOfDecimal = 1.766584958675746364;
lotsOfDecimal;
const twoDecimalPlaces = lotsOfDecimal.toFixed(2);
twoDecimalPlaces;

Chuyển đổi thành các loại dữ liệu số

Đôi khi bạn có thể kết thúc với một số được lưu trữ dưới dạng một loại chuỗi, điều này gây khó khăn cho việc thực hiện các tính toán với nó. Điều này phổ biến nhất xảy ra khi dữ liệu được nhập vào đầu vào biểu mẫu và loại đầu vào là văn bản. Có một cách để giải quyết vấn đề này - chuyển giá trị chuỗi vào hàm tạo

("5" + 2) + 3

Ví dụ: hãy thử gõ các dòng này vào bảng điều khiển của bạn:

"5" + 2+3

Bạn kết thúc với kết quả 743, không phải 77, vì

("5" + 2) + 3

Để sửa chữa tính toán, bạn có thể làm điều này:

"5" + 2+3

Kết quả sau đó là 77, như dự kiến ​​ban đầu.

Toán tử số học

Các toán tử số học là các toán tử cơ bản mà chúng tôi sử dụng để thực hiện các khoản tiền trong JavaScript:

Lưu ý: Đôi khi bạn sẽ thấy các số liên quan đến số học được gọi là toán hạng. You'll sometimes see numbers involved in arithmetic referred to as operands.

Lưu ý: Đôi khi bạn có thể thấy các số mũ được thể hiện bằng phương pháp

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

2+3+ "5"

Có lẽ chúng tôi không cần phải dạy bạn cách làm toán cơ bản, nhưng chúng tôi muốn kiểm tra sự hiểu biết của bạn về cú pháp liên quan. Hãy thử nhập các ví dụ dưới đây vào bảng điều khiển JavaScript của nhà phát triển để làm quen với cú pháp.

1. Đầu tiên hãy thử nhập một số ví dụ đơn giản của riêng bạn, chẳng hạn như
2. Bạn cũng có thể thử khai báo và khởi tạo một số số bên trong các biến và thử sử dụng các số đó trong các tổng - các biến sẽ hoạt động chính xác giống như các giá trị mà chúng giữ cho mục đích của tổng. Ví dụ:

   "5" + 2+3
   

   2

3. Cuối cùng cho phần này, hãy thử nhập một số biểu thức phức tạp hơn, chẳng hạn như:

   "5" + 2+3
   

   3

Các phần của bộ tính toán cuối cùng này có thể không cung cấp cho bạn khá nhiều kết quả mà bạn đang mong đợi; Phần dưới đây cũng có thể đưa ra câu trả lời về lý do tại sao.

Ưu tiên điều hành

Chúng ta hãy xem xét ví dụ cuối cùng từ trên cao, giả sử rằng

2+3+ "5"

2+3+ "5"

Là một con người, bạn có thể đọc điều này là "50 cộng 10 bằng 60", sau đó "8 cộng 2 bằng 10" và cuối cùng "60 chia cho 10 bằng 6".

Nhưng trình duyệt thực hiện "10 chia cho 8 bằng 1,25", sau đó "50 cộng 1,25 cộng với 2 bằng 53,25".

Điều này là do sự ưu tiên của toán tử - một số toán tử được áp dụng trước những người khác khi tính toán kết quả của tính toán (được gọi là một biểu thức, trong lập trình). Ưu tiên của nhà điều hành trong JavaScript giống như được dạy trong các lớp toán học ở trường - nhân và chia luôn được thực hiện trước tiên, sau đó thêm và trừ (tính toán luôn được đánh giá từ trái sang phải).operator precedence — some operators are applied before others when calculating the result of a calculation (referred to as an expression, in programming). Operator precedence in JavaScript is the same as is taught in math classes in school — multiply and divide are always done first, then add and subtract (the calculation is always evaluated from left to right).

Nếu bạn muốn ghi đè ưu tiên toán tử, bạn có thể đặt dấu ngoặc đơn xung quanh các phần mà bạn muốn được xử lý rõ ràng trước. Vì vậy, để có được kết quả là 6, chúng ta có thể làm điều này:

Hãy thử nó và xem.

Lưu ý: Một danh sách đầy đủ của tất cả các toán tử JavaScript và ưu tiên của chúng có thể được tìm thấy trong ưu tiên của nhà điều hành. A full list of all JavaScript operators and their precedence can be found in Operator precedence.

Các toán tử tăng và giảm

Đôi khi bạn sẽ muốn liên tục thêm hoặc trừ một đến hoặc từ một giá trị biến số. Điều này có thể được thực hiện thuận tiện bằng cách sử dụng các toán tử tăng (

2+3+ "5"

(2 + 3) + "5"

2+3+ "5"

(2 + 3) + "5"

Hãy thử chơi với những thứ này trong bảng điều khiển của bạn. Để bắt đầu, lưu ý rằng bạn không thể áp dụng chúng trực tiếp vào một số, điều này có vẻ lạ, nhưng chúng tôi đang gán một biến một giá trị cập nhật mới, không hoạt động trên chính giá trị. Điều sau đây sẽ trả về một lỗi:

Vì vậy, bạn chỉ có thể tăng một biến hiện có. Thử cái này:

Được rồi, số 2 kỳ lạ! Khi bạn làm điều này, bạn sẽ thấy giá trị 4 được trả về - điều này là do trình duyệt trả về giá trị hiện tại, sau đó tăng biến. Bạn có thể thấy rằng nó đã được tăng lên nếu bạn trả về giá trị biến một lần nữa:

Điều tương tự cũng đúng với

(2 + 3) + "5"

"5" + 2+3

Lưu ý: Bạn có thể làm cho trình duyệt thực hiện theo cách khác - tăng/giảm biến sau đó trả về giá trị - bằng cách đặt toán tử khi bắt đầu biến thay vì kết thúc. Hãy thử lại các ví dụ trên, nhưng lần này sử dụng

(2 + 3) + "5"

(2 + 3) + "5"

(2 + 3) + "5"

(2 + 3) + "5"

Toán tử chuyển nhượng

Các toán tử gán là các toán tử gán một giá trị cho một biến. Chúng tôi đã sử dụng cái cơ bản nhất,

(2 + 3) + "5"

"5" + 2+3

Nhưng có một số loại phức tạp hơn, cung cấp các phím tắt hữu ích để giữ cho mã của bạn gọn gàng và hiệu quả hơn. Phổ biến nhất được liệt kê dưới đây:

Hãy thử gõ một số ví dụ trên vào bảng điều khiển của bạn, để có ý tưởng về cách chúng hoạt động. Trong mỗi trường hợp, xem liệu bạn có thể đoán giá trị là gì trước khi bạn nhập dòng thứ hai không.

Lưu ý rằng bạn có thể sử dụng các biến khác một cách vui vẻ ở phía bên phải của mỗi biểu thức, ví dụ:

"5" + 2+3

Học tập tích cực: Kích thước hộp vải

Trong bài tập này, bạn sẽ điều khiển một số số và người vận hành để thay đổi kích thước của một hộp. Hộp được vẽ bằng API trình duyệt có tên API Canvas. Không cần phải lo lắng về cách thức hoạt động của nó - chỉ tập trung vào toán học bây giờ. Chiều rộng và chiều cao của hộp (tính bằng pixel) được xác định bởi các biến

(2 + 3) + "5"

(2 + 3) + "5"

Mở trong cửa sổ mới

Trong hộp mã có thể chỉnh sửa ở trên, có hai dòng được đánh dấu bằng một nhận xét mà chúng tôi muốn bạn cập nhật để làm cho hộp phát triển/thu nhỏ theo các kích thước nhất định, sử dụng một số toán tử và/hoặc giá trị nhất định trong mỗi trường hợp. Hãy thử những điều sau:

• Thay đổi dòng tính toán x để hộp vẫn rộng 50px, nhưng 50 được tính toán bằng cách sử dụng các số toán số 43 và 7 và một toán tử số học.
• Thay đổi dòng tính toán y để hộp cao 75px, nhưng 75 được tính bằng cách sử dụng các số 25 và 3 và toán tử số học.
• Thay đổi dòng tính toán x để hộp rộng 250px, nhưng 250 được tính toán bằng hai số và toán tử còn lại (modulo).
• Thay đổi dòng tính toán y để hộp cao 150px, nhưng 150 được tính toán bằng ba số và các toán tử trừ và phân chia.
• Thay đổi dòng tính toán x để hộp rộng 200px, nhưng 200 được tính toán bằng cách sử dụng số 4 và toán tử gán.
• Thay đổi dòng tính toán y để hộp cao 200px, nhưng 200 được tính toán bằng số 50 và 3, toán tử nhân và toán tử gán bổ sung.

Đừng lo lắng nếu bạn hoàn toàn làm rối mã. Bạn luôn có thể nhấn nút đặt lại để mọi thứ hoạt động trở lại. Sau khi bạn đã trả lời tất cả các câu hỏi trên một cách chính xác, vui lòng chơi với mã hơn một số hoặc tạo ra những thách thức của riêng bạn.

Toán tử so sánh

Đôi khi chúng tôi sẽ muốn chạy các thử nghiệm đúng/sai, sau đó hành động phù hợp tùy thuộc vào kết quả của bài kiểm tra đó - để thực hiện điều này, chúng tôi sử dụng các toán tử so sánh.comparison operators.

Lưu ý: Bạn có thể thấy một số người sử dụng

(2 + 3) + "5"

("5" + 2) + 3
// results in
'52' + 3
'523'

(2 + 3) + "5"

("5" + 2) + 3
// results in
'52' + 3
'523'

("5" + 2) + 3
// results in
'52' + 3
'523'

("5" + 2) + 3
// results in
'52' + 3
'523'

Nếu bạn thử nhập một số giá trị này vào bảng điều khiển, bạn sẽ thấy rằng tất cả chúng đều trả về ____ 53/________ 54 giá trị - những booleans mà chúng tôi đã đề cập trong bài viết trước. Chúng rất hữu ích, vì chúng cho phép chúng tôi đưa ra quyết định trong mã của chúng tôi và chúng được sử dụng mỗi khi chúng tôi muốn đưa ra lựa chọn nào đó. Ví dụ, Booleans có thể được sử dụng để:

• Hiển thị đúng nhãn văn bản trên nút tùy thuộc vào hay bật một tính năng
• Hiển thị một trò chơi qua tin nhắn nếu một trò chơi kết thúc hoặc một tin nhắn chiến thắng nếu trò chơi đã thắng
• Hiển thị lời chào theo mùa chính xác tùy thuộc vào mùa lễ
• Thu phóng bản đồ vào hoặc ra tùy thuộc vào mức độ zoom được chọn

Chúng ta sẽ xem xét cách mã hóa logic như vậy khi chúng ta xem xét các câu lệnh có điều kiện trong một bài viết trong tương lai. Bây giờ, chúng ta hãy xem một ví dụ nhanh:

"5" + 2+3

"5" + 2+3

Mở trong cửa sổ mới

Trong hộp mã có thể chỉnh sửa ở trên, có hai dòng được đánh dấu bằng một nhận xét mà chúng tôi muốn bạn cập nhật để làm cho hộp phát triển/thu nhỏ theo các kích thước nhất định, sử dụng một số toán tử và/hoặc giá trị nhất định trong mỗi trường hợp. Hãy thử những điều sau:

Thay đổi dòng tính toán x để hộp vẫn rộng 50px, nhưng 50 được tính toán bằng cách sử dụng các số toán số 43 và 7 và một toán tử số học. Such a control that swaps between two states is generally referred to as a toggle. It toggles between one state and another — light on, light off, etc.

Thay đổi dòng tính toán y để hộp cao 75px, nhưng 75 được tính bằng cách sử dụng các số 25 và 3 và toán tử số học.

Thay đổi dòng tính toán x để hộp rộng 250px, nhưng 250 được tính toán bằng hai số và toán tử còn lại (modulo).

Thay đổi dòng tính toán y để hộp cao 150px, nhưng 150 được tính toán bằng ba số và các toán tử trừ và phân chia.

Thay đổi dòng tính toán x để hộp rộng 200px, nhưng 200 được tính toán bằng cách sử dụng số 4 và toán tử gán.

Trong bài viết tiếp theo, chúng tôi sẽ khám phá văn bản và cách JavaScript cho phép chúng tôi thao tác nó.

Lưu ý: Nếu bạn thích toán và muốn đọc thêm về cách thực hiện trong JavaScript, bạn có thể tìm thấy nhiều chi tiết hơn trong phần JavaScript chính của MDN. Những nơi tuyệt vời để bắt đầu là những con số và ngày của chúng tôi và các bài báo và biểu thức. If you do enjoy math and want to read more about how it is implemented in JavaScript, you can find a lot more detail in MDN's main JavaScript section. Great places to start are our Numbers and dates and Expressions and operators articles.

• Trước
• Tổng quan: Các bước đầu tiên
• Tiếp theo

Trong mô -đun này