Thêm không javascript

Đôi khi bạn muốn điền các chữ số bằng số 0 thay vì không có gì khi hiển thị thời gian hoặc thứ gì đó tương tự. Chẳng hạn, bạn có thể muốn hiển thị 12. 05 thay vì 12. 5 trong thời gian 12 giờ 5 phút. Vấn đề với điều này là trong dữ liệu thực tế, bạn sẽ có dữ liệu giờ là 12 và dữ liệu phút là 5. Trong những trường hợp như vậy, bạn muốn thêm một số không vào số 5. Bạn có thể tận dụng hàm padStart() do JavaScript cung cấp và tạo hàm trợ giúp để đạt được chức năng. Ở đây tôi đang hiển thị một vài mẫu để chứng minh điều tương tự

function getZeroPadding(num, places) {
  return String(num).padStart(places, '0')
}

function formatTime(hours, mins) {
  return `${getZeroPadding(hours, 2)}:${getZeroPadding(mins, 2)}`
}

const someTime = {
  Hh: 12,
  mm: 5,
}

const anotherTime = {
  Hh: 3,
  mm: 10,
}

const someAnotherTime = {
  Hh: 7,
  mm: 7,
}

console.log(formatTime(someTime.Hh, someTime.mm))
console.log(formatTime(anotherTime.Hh, anotherTime.mm))
console.log(formatTime(someAnotherTime.Hh, someAnotherTime.mm))

//output
12:05
03:10
07:07
Code language: JavaScript (javascript)

Trong đoạn mã trên, tôi đã tạo một hàm gọi là getZeroPadding nhận hai đối số. Cái đầu tiên chấp nhận số thực và cái thứ hai thêm số lượng phần đệm. Ví dụ: getZeroPadding(5,2) sẽ tạo ra “05” trong khi getZeroPadding(5,3) sẽ tạo ra “005”. Hàm formatTime ở trên sẽ định dạng kết quả của getZeroPadding với dấu hai chấm ở giữa

Có liên quan

Psssst. TRẠI BOOTC PHÁT TRIỂN WEB 2023 sẽ bắt đầu chỉ sau vài ngày nữa. Tham gia danh sách chờ, giữ chỗ trong khóa học thuần tập kéo dài 10 tuần của tôi và tìm hiểu các nguyên tắc cơ bản, HTML, CSS, JS, Tailwind, React, Next. jsvà hơn thế nữa. ✨

Tôi cần thêm số 0 ở đầu khi số tôi có nhỏ hơn 10, vì vậy thay vì in số “9” trên màn hình, tôi có số “09”

Trường hợp sử dụng là tôi muốn hiển thị thời lượng của video và 5:04 hợp lý hơn 5:4 khi nói video dài 5 phút 4 giây

Cách đơn giản nhất để đệm một số có số 0 đứng đầu là sử dụng phương thức padStart() do Javascript cung cấp. Chúng ta có thể sử dụng điều này cho các số nhỏ hơn 10

chiều dài mục tiêu. chiều dài của chuỗi cuối cùng

dây đàn. chuỗi bạn muốn đệm/thêm vào số đã cho

const number = 9;console.log(number.toString().padStart(2, '0'))//Output: 09

Ngoài ra sử dụng cũng có thể sử dụng

1. phương thức slice()

Trong phương pháp này, chúng tôi thêm số 0 vào số và cắt để trích xuất giá trị 2 chữ số của kết quả. Chúng tôi sử dụng giá trị âm để chọn từ cuối chuỗi

const number = 9;console.log(("0" + number).slice(-2))//Output: 09

2. nếu kiểm tra các số nhỏ hơn 10

const number = 9;if(number< 10){
console.log("0" + number);
}
else{
console.log(number)
}//Output: 09

trường hợp sử dụng. Khi bạn muốn hiển thị bộ đếm thời gian trong ứng dụng web của mình. Bạn cần đệm từ số 0 đến số phút và giây nhỏ hơn 10

Việc đệm một số có thể được thực hiện theo nhiều cách khác nhau trong JavaScript. Trong hướng dẫn này, chúng ta sẽ thấy hai cách phổ biến nhất để làm điều đó -

• Sử dụng phương thức String padStart()
• Sử dụng hàm tạo đối tượng Array và phương thức join()

Sử dụng Phương thức String padStart()

Trong JavaScript, phương thức padStart() của đối tượng Chuỗi rất hữu ích để đệm một số có số 0 ở đầu. Nó nhận hai tham số, tham số đầu tiên là tổng độ dài của chuỗi được nhắm mục tiêu hoặc mong muốn và tham số còn lại là chuỗi hoặc ký tự mà người dùng muốn sử dụng để đệm. Trước tiên, số mà người dùng muốn nhập phải được chuyển đổi thành chuỗi để sử dụng phương thức này

Người dùng có thể thực hiện theo cú pháp bên dưới để gõ một số có số 0 đứng đầu trong JavaScript bằng phương thức padStart()

cú pháp

let number = 2
let result = number.toString().padStart(5, '0')
console.log(result); // 00002

Trong cú pháp trên, phương thức padStart() lấy 5 làm độ dài chuỗi được nhắm mục tiêu và “0” là chuỗi hoặc ký tự mà số sẽ được đệm

Thông số

• Độ dài được nhắm mục tiêu - Nó lấy độ dài của chuỗi được nhắm mục tiêu
• Chuỗi đệm - Đây là chuỗi mà phần đệm sẽ được thực hiện

Loại trả lại

• Một chuỗi có độ dài mục tiêu được đệm bằng chuỗi đệm

Ví dụ

Trong ví dụ dưới đây, chúng tôi đã sử dụng phương thức String padStart() để đệm một số có các số 0 đứng đầu. Chúng tôi đã sử dụng sự kiện bấm nút để đệm số

   

      Padding a number with leading zeros in JavaScript using
    padStart()  method 
   
 Pad the number 12 with leading zeros and the total length should be 5 
    Pad Number 
   
 
   

Sử dụng Array Object Constructor và join() Method

Đó là một cách tiếp cận khác để đệm một số. Trong cách tiếp cận này, chúng tôi sử dụng hàm tạo đối tượng Array của JavaScript để tạo một mảng có cùng số phần tử với số 0 được yêu cầu để đệm số. Sau đó, chúng tôi nối nó với “0” để tạo một chuỗi đệm và thêm nó với số

cú pháp

Trong cú pháp trên, biến “kết quả” lưu giá trị của số được đệm, đứng đầu là số 0

thuật toán

Bước 1 - Khai báo một biến lưu trữ chuỗi số và cũng khai báo độ dài chuỗi được nhắm mục tiêu

Bước 2 - Nếu độ dài của chuỗi số nhỏ hơn độ dài được nhắm mục tiêu thì,

Bước 2. 1 − Sử dụng hàm tạo đối tượng Array để tạo một mảng có độ dài target_length – độ dài của số chuỗi + 1 và nối các phần tử mảng với ký tự “0” bằng phương thức join(). Nó sẽ là chuỗi đệm

Bước 2. 2 - Nối chuỗi đệm và số. Nó sẽ là kết quả

Bước 3 - Nếu độ dài của chuỗi số không nhỏ hơn độ dài được nhắm mục tiêu, thì số đó không cần bất kỳ phần đệm nào

Ví dụ

Trong ví dụ dưới đây, chúng ta đã sử dụng hàm tạo đối tượng Array và phương thức join() để đệm một số có các số 0 đứng đầu. Chúng tôi đã sử dụng sự kiện bấm nút để đệm số

   

   Padding a number with leading zeros in JavaScript using
    Array object constructor and join()  method 
   
 Pad the number 24 with leading zeros and the total length should be 5 
    Pad Number 
   
 
   

Chúng ta đã học cách đệm một số có các số 0 đứng đầu trong JavaScript bằng hai phương pháp khác nhau. Cách tiếp cận đầu tiên sử dụng phương thức String padStart(), phương thức này cũng được khuyến nghị. Cách tiếp cận thứ hai sử dụng hàm tạo đối tượng Array và phương thức nối để tạo phần đệm. Cách tiếp cận đầu tiên là cách tiếp cận tiêu chuẩn và cách thứ hai được khuyến nghị nếu người dùng không muốn sử dụng phương thức String padStart()

Làm cách nào để thêm 0 vào một số trong JavaScript?

Làm cách nào để thêm tiền tố 0 trong JavaScript?

Làm cách nào để thêm số 0 vào chuỗi JavaScript?

Làm cách nào để thêm 0 vào cuối số trong JavaScript?