Hướng dẫn bài tập javascript function

Cùng gitiho contest chinh phục kiến thức, khẳng định bản thân với hệ thống bài test phong phú, đầy đủ các chủ đề để bạn khám phá.

Khám phá ngay

Chương trình hội viên Gitiho

Tiết kiệm tối đa với gói Hội viên Gitiho. Thỏa mãn việc nâng cao kiến thức của bạn với gói Hội viên Gitiho bạn sẽ không còn bị giới hạnbởi số lượng khóa học đã mua.

Gói hội viên Gitiho mang đến trải nghiệm học tập hoàn toàn mới, phù hợp với những học viên cần học nhiều nội dung trong trong một khoản thời gian sẽ giúp học viên tiết kiệm hơn rất nhiều so với mua lẻ hoặc combo.

Hơn 20.000 người đã đăng ký

Khám phá trương trình

Gitiho for leading business

Tối ưu và đơn giản hóa hoạt động đào tạo tại doanh nghiệp. Sẵn sàng nền tảng, nội dung đào tạo cho tất cả các vị trí, bộ phận. Ứng dụng MIỄN PHÍ ngay vào doanh nghiệp chỉ với MỘT click.

Đã được tin tưởng sử dụng bởi các doanh nghiệp

Đăng ký miễn phí

  1. Trang chủ
  2. Blog
  3. Lập trình

Bài tập thực hành Javascript với toán tử ++ kèm hướng dẫn giải

Hà Vân
Feb 07 2022

    Mục lục

  • 1 Bài tập thực hành Javascript với toán tử ++
    • 1.1 Đề bài
    • 1.2 Hướng dẫn xử lý
  • 2 Kết luận

Hãy bắt tay vào làm ngay một bài tập thực hành với toán tử ++ trong Javascript để nắm vững cách sử dụng của nó. Bài viết có đề bài và hướng dẫn giải chi tiết cho bạn.

Bài tập thực hành Javascript với toán tử ++

Đề bài

Var x = 5

Var a = 5 + x++ + 10

Var b = 5 + ++x +10

Var c = 5 + x-- + 10

Var d = 5 + --x +10

Hỏi: a, b, c, d có giá trị là bao nhiêu?

Trong bài viết trước, chúng mình đã hướng dẫn cho các bạn về các toán tử trong Javascript trong đó có đề cập đến toán tử cộng cộng. Nếu bạn đã đọc bài thì bạn sẽ biết đây là toán tử dùng để tăng/giảm giá trị biến đi một đơn vị. Trong đó ++ là tăng một đơn vị còn -- là giảm một đơn vị. Nếu bạn chưa đọc bài thì nên dành chút thời gian tìm hiểu để có thể hiểu rõ bài tập thực hành này hơn nhé.

Hướng dẫn xử lý

Trước hết, các bạn mở Visual Studio Code lên, tạo file làm việc mới rồi nhập dữ liệu của biến như đề bài đã cho:


Bây giờ chúng ta sẽ đi vào từng bước xử lý chi tiết của bài tập thực hành này nhé.

Đầu tiên, các bạn in ra giá trị của x++ bằng cách sử dụng console.log [x++];


Ở đây các bạn sẽ thấy kết quả in ra của x++ là 5. Vậy vấn đề đặt ra là tại sao đề bài cho x = 5 rồi mà x++ lại vẫn bằng năm? Để tìm nguyên nhân thì chúng ta có thể kiểm tra ngay giá trị của x bằng console.log [x]; Hình ảnh dưới đây là kết quả mà chúng mình thu được:


Nguyên nhân xảy ra trường hợp này là với toán tử ++ trong Javascript thì sẽ ưu tiên lấy giá trị của x trước rồi mới cộng thêm đơn vị vào. Do đó khi in console.log [x] ở phía sau sẽ ra kết quả là 6. Nếu các bạn sử dụng là console.log [++x] thì việc tăng đơn vị sẽ ưu tiên thực hiện trước và sẽ thu được kết quả bằng 6 như sau:


Đến đây chúng ta sẽ nhắc lại kiến thức về toán từ ++ là sự khác biệt của x++ và ++x là thời điểm tăng đơn vị. Nếu ++ nằm phía sau biến thì việc tăng đơn vị không được ưu tiên bằng việc lấy giá trị của biến. Ngược lại, khi ++ nằm trước biến thì việc tăng đơn vị sẽ được ưu tiên thực hiện trước. 

Như vậy trong phép tính thứ nhất var a = 5 + x++ + 10 thì kết quả sẽ bằng 20, suy ra giá trị của a = 20. Sau khi thực hiện phép tính này thì x sẽ được cộng thêm một đơn vị nên lúc này x sẽ bằng 6.

Do đó khi thực hiện phép tính để tìm giá trị của b là var b = 5 + ++x +10 sẽ là 22. Bởi vì phép tính thực hiện trước đó đã có x = 6, ở đây dùng ++x nên chúng ta phải ưu tiên thực hiện việc tăng đơn vị cho x trước do đó ++x có giá trị bằng 7. Cuối cùng chúng ta rút ra được kết quả b = 22.

Ở phép tính thứ ba, chúng ta cần tìm giá trị của c theo biểu thức var c = 5 + x-- + 10. Tương tự như x++ thì x-- cũng ưu tiên việc lấy giá trị của x trước rồi mới bớt đi một đơn vị. Điều đó có nghĩa là kết quả của phép tính c = 22 nhưng x sau phép tính này sẽ có giá trị bằng 6.

Đến phép tính cuối cùng, trước khi thực hiện nó thì x của chúng ta đang bằng 6. Tuy nhiên vì biểu thức là var d = 5 + --x +10 nên cần phải bớt một đơn vị của x trước khi thực hiện. Vậy ta sẽ thu được kết quả là d = 20.

Cuối cùng, chúng ta đã có thể trả lời được câu hỏi của đề bài là:

  • Giá trị của a = 20
  • Giá trị của b = 22
  • GIá trị của c = 22
  • Giá trị của d = 20

Các bạn hãy thử thực hành với bài tập Javascript cùng toán tử ++ này ngay để hiểu rõ hơn về cách sử dụng của nó. Cách để giúp bạn có thể xử lý tốt các bài toán trong Javascript đó là cứ thực hành nhiều là sẽ quen thuộc với biến, kiểu dữ liệu và các toán tử.

Xem thêm: Bài tập thực hành Javascript với câu lệnh điều kiện IF ELSE

Kết luận

Qua bài viết này, chắc hẳn bạn đã có hiểu biết rõ ràng về toán tử ++ trong Javascript. Để được học kiến thức về Javascript một cách bài bản, đầy đủ với sự hướng dẫn chi tiết từ chuyên gia thì các bạn hãy tham gia khóa học dưới đây:

Lập trình Javascript thực chiến từ A-Z cho người mới bắt đầu

Đây là khóa học phù hợp với các bạn đang muốn bắt đầu tìm hiểu về lập trình, đang thiếu kiến thức căn bản và kinh nghiệm thực tế. Khóa học giúp các bạn nắm trọn kiến thức cốt lõi về Javascript, xây dựng nền tảng hiểu biết căn bản về lập trình, sử dụng thành thạo các hàm và tích lũy kinh nghiệm thực tiễn trong việc xử lý các bài toán cực hay. Nếu các bạn gặp vấn đề chưa hiểu rõ trong quá trình học thì cứ đặt câu hỏi ngay bên dưới video nhé. Giảng viên luôn đảm bảo việc trả lời các bạn trong vofg 24h sau khi bạn gửi câu hỏi nhé.

Khóa học này có giá trị sử dụng trọn đời, không giới hạn số lượt học các bạn nhé. Do đó, các bạn cứ thoải mái sắp xếp thời gian học phù hợp cho bản thân. Các bạn có thể học trên mọi thiết bị vì Gitiho đã phát triển đồng thời cả website và ứng dụng học tập trên di động. Hãy đăng ký ngay hôm nay để được nhận ưu đãi về học phí các bạn nhé!

Thích 0

Chia sẻ

0/5 - [0 bình chọn]

0/5 - [0 bình chọn]

Bài viết liên quan

Hướng dẫn về hàm ACOS của Oracle

Hướng dẫn về hàm ATAN của Oracle

Hướng dẫn về hàm COS của Oracle

Hướng dẫn về hàm AVG của Oracle

Cách tạo File HTML và chạy HTML trong Visual Studio Code

Tìm hiểu chi tiết về các thẻ định dạng chữ [Text] trong HTML

×

Chúc mừng bạn đã nhận được quà tặng ""

HÃY ĐĂNG NHẬP ĐỂ NHẬN QUÀ NGAY

Đăng nhập bằng Google

Đăng nhập bằng Apple

Hoặc đăng nhập

Đăng nhập

Đăng ký tài khoản

Đăng nhập bằng Google

Đăng nhập bằng Apple

Hoặc đăng ký

Đăng ký

Đăng nhập

Khóa học của tôi

Tải xuống

Bạn vui lòng đăng nhập để gửi tương tác

Đăng nhập

Đăng nhập bằng Google

Đăng nhập bằng Apple

Hoặc đăng nhập

Đăng nhập

Đăng ký tài khoản

Đăng ký

Đăng nhập bằng Google

Đăng nhập bằng Apple

Hoặc đăng ký

Đăng ký

Đăng nhập

Top

Hỗ trợ khách hàng

Email: hotro@gitiho.com Hotline: 0774 116 285 [Giờ làm việc: 8h30 - 18h, nghỉ chiều thứ 7 và CN] Những câu hỏi thường gặp Hướng dẫn đăng ký khoá học Hướng dẫn đăng nhập Hướng dẫn lấy lại mật khẩu Hướng dẫn thanh toán khóa học sau khi đăng ký thành công

VỀ GITIHO

Giới thiệu về Gitiho Blog Hỏi đáp Đào tạo cho doanh nghiệp Chính sách bảo mật thông tin Chính sách và quy định chung Quy định mua, hủy, sử dụng khóa học Bộ quy tắc hành xử của giảng viên và học viên trên Gitiho Quy trình xác nhận – hoàn, hủy đơn hàng tại hệ thống Gitiho Cách lấy chứng nhận Gitiho

hợp tác và liên kết

Dạy học trên Gitiho Dịch vụ Doanh nghiệp Đăng ký Gitiho Affiliate Tuyển dụng giảng viên Tuyển dụng nhân sự

Tải App Gitiho

Kết nối với chúng tôi

Địa chỉ văn phòng: Phòng 302, tầng 3, Tòa nhà Tây Hà, KĐT mới Phùng Khoang, Phường Trung Văn, Quận Nam Từ Liêm, Thành phố Hà Nội, Việt Nam

Chủ Đề