Hướng dẫn every 4 place add space javascript - cứ 4 vị trí thêm không gian javascript

Question

Tôi muốn thêm một khoảng trống giữa mỗi 4 ký tự. Tôi đang phát triển một trang web về số thẻ tín dụng.

Nội dung chính Show

1. Các phương thức chia tách () và chia tách ()
2. Đối với… của vòng lặp
11 Tính năng JavaScript mới tuyệt vời trong ES13

thí dụ

var x = document.getElementById("card_number").value;

Ví dụ: Nếu giá trị của x là 1234567890123456 if the value of x is 1234567890123456

Tôi cần chia số này mỗi 4 ký tự và thêm một không gian. Như thế này

1234 5678 9012 3456

Và tôi cần số này trên một biến. Bởi vì tôi cần đặt số này trên hộp văn bản. Làm ơn giúp tôi. cảm ơnvariable. Because I need to set this number on the textbox. Please help me. thanks

ANTU

2.0593 huy hiệu vàng24 Huy hiệu bạc40 Huy hiệu đồng3 gold badges24 silver badges40 bronze badges

Đã hỏi ngày 22 tháng 11 năm 2018 lúc 8:52Nov 22, 2018 at 8:52

Hướng dẫn every 4 place add space javascript - cứ 4 vị trí thêm không gian javascript

2

Bạn có thể sử dụng regex cho điều này

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

Đã trả lời ngày 22 tháng 11 năm 2018 lúc 8:56Nov 22, 2018 at 8:56

LifeisBeautifullifeisBeautificentlifeisbeautiful

7271 Huy hiệu vàng7 Huy hiệu bạc18 Huy hiệu đồng1 gold badge7 silver badges18 bronze badges

2

Bạn có thể tìm kiếm bốn ký tự với một cái nhìn tích cực cho nhiều ký tự hơn và chèn một khoảng trống sau mỗi khối.

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

Đã trả lời ngày 22 tháng 11 năm 2018 lúc 8:56Nov 22, 2018 at 8:56

LifeisBeautifullifeisBeautificentNina Scholz

7271 Huy hiệu vàng7 Huy hiệu bạc18 Huy hiệu đồng24 gold badges327 silver badges369 bronze badges

1

Bạn có thể tìm kiếm bốn ký tự với một cái nhìn tích cực cho nhiều ký tự hơn và chèn một khoảng trống sau mỗi khối.

let x = '1234567890123456'

let res = [...x].map((d, i) => (i) % 4 == 0 ? ' ' + d : d).join('').trim()

console.log(res)

Nina Scholznina ScholzNov 22, 2018 at 8:57

363K24 Huy hiệu vàng327 Huy hiệu bạc369 Huy hiệu đồngNitish Narang

Không có Regex, bạn cũng có thể sử dụng

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

3 để đạt được điều này1 gold badge14 silver badges21 bronze badges

1

Trong bài viết này, chúng tôi sẽ học cách dễ dàng bao gồm các khoảng trống giữa các ký tự của chuỗi trong JavaScript.

1. Các phương thức chia tách () và chia tách ()

Để thêm khoảng trống giữa các ký tự của chuỗi, hãy gọi phương thức

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

4 trên chuỗi để lấy mảng ký tự, sau đó gọi phương thức

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

5 trên mảng để nối các ký tự với bộ phân cách không gian.

Ví dụ:

function addSpace(str) {
  return str.split('').join(' ');
}

const str1 = 'coffee';
const str2 = 'banana';

console.log(addSpace(str1)); // c o f f e e
console.log(addSpace(str2)); // b a n a n a

Phương thức

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

6

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

4 chia một chuỗi trong một mảng các chuỗi con, sử dụng bộ phân cách được chỉ định.

const str1 = 'coffee,milk,tea';
const str2 = 'sun-moon-star';

console.log(str1.split(',')); // [ 'coffee', 'milk', 'tea' ]
console.log(str2.split('-')); // [ 'sun', 'moon', 'star' ]

Bằng cách sử dụng một chuỗi trống (

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

8) làm dấu phân cách, chúng tôi chia tất cả các ký tự chuỗi thành các phần tử mảng riêng biệt.

const str1 = 'coffee';
const str2 = 'banana';

// Passing an empty string ('') to the split method

// [ 'c', 'o', 'f', 'f', 'e', 'e' ]
console.log(str1.split(''));

// [ 'b', 'a', 'n', 'a', 'n', 'a' ]
console.log(str2.split(''));

Phương thức

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

6

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

5 kết hợp từng chuỗi trong một mảng có dấu phân cách. Nó trả về một chuỗi mới chứa các phần tử mảng được nối.

const arr = ['a', 'b', 'c', 'd'];

console.log(arr.join(' ')); // a b c d
console.log(arr.join('-')); // a-b-c-d
console.log(arr.join('/')); // a/b/c/d

Vì vậy, chuyển một ký tự không gian cho

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

5 tách các ký tự bằng một không gian trong kết nối kết quả.

Sẽ có các trường hợp trong đó chuỗi đã chứa khoảng trắng giữa một số ký tự. Trong những trường hợp như vậy, cách tiếp cận của chúng tôi sẽ thêm nhiều không gian giữa các nhân vật.

function addSpace(str) {
  return str.split('').join(' ');
}

// These strings have spaces between some characters
const str1 = 'co  ffee';
const str2 = 'bana  na';

console.log(addSpace(str1)); // c o     f f e e
console.log(addSpace(str2)); // b a n a     n a

Điều này là do một không gian (

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

2) cũng là một nhân vật, giống như một chữ cái và gọi

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

4 sẽ biến nó thành một yếu tố riêng biệt trong mảng sẽ được kết hợp với các không gian bổ sung.

// These strings have spaces between some characters
const str1 = 'co  ffee';
const str2 = 'bana  na';

// The space characters are separate elements of the
// array from split()
/**
 * [
  'c', 'o', ' ',
  ' ', 'f', 'f',
  'e', 'e'
]
 */
console.log(str1.split(''));

/**
 * [
  'b', 'a', 'n',
  'a', ' ', ' ',
  'n', 'a'
]
 */
console.log(str2.split(''));

Nếu chúng ta muốn tránh nhiều khoảng cách của các ký tự, chúng ta có thể chèn một cuộc gọi vào phương thức

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

4 giữa

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

4 và

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

5.

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

0

Phương thức

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

7

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

4 trả về một mảng mới chỉ chứa các phần tử từ mảng ban đầu mà giá trị sự thật được trả về từ hàm gọi lại thử nghiệm được chuyển đến

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

4. Gọi

let x = '1234567890123456'

let res = [...x].map((d, i) => (i) % 4 == 0 ? ' ' + d : d).join('').trim()

console.log(res)

0 trên một không gian (

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

2) dẫn đến một chuỗi trống (

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

8), đây không phải là một giá trị sự thật trong JavaScript. Vì vậy, các không gian được loại trừ khỏi mảng kết quả được trả về từ

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

4.

Mẹo

Trong JavaScript, chỉ có sáu giá trị giả:

let x = '1234567890123456'

let res = [...x].map((d, i) => (i) % 4 == 0 ? ' ' + d : d).join('').trim()

console.log(res)

4,

let x = '1234567890123456'

let res = [...x].map((d, i) => (i) % 4 == 0 ? ' ' + d : d).join('').trim()

console.log(res)

5,

let x = '1234567890123456'

let res = [...x].map((d, i) => (i) % 4 == 0 ? ' ' + d : d).join('').trim()

console.log(res)

6,

let x = '1234567890123456'

let res = [...x].map((d, i) => (i) % 4 == 0 ? ' ' + d : d).join('').trim()

console.log(res)

7,

function format(s) {
    return s.toString().replace(/\d{4}(?=.)/g, '$& ');
}

console.log(format(1234567890123456));

2 (chuỗi trống) và

let x = '1234567890123456'

let res = [...x].map((d, i) => (i) % 4 == 0 ? ' ' + d : d).join('').trim()

console.log(res)

9. Mọi giá trị khác là sự thật.

2. Đối với… của vòng lặp

Đối với một cách tiếp cận bắt buộc hơn, chúng ta có thể sử dụng vòng lặp JavaScript

function addSpace(str) {
  return str.split('').join(' ');
}

const str1 = 'coffee';
const str2 = 'banana';

console.log(addSpace(str1)); // c o f f e e
console.log(addSpace(str2)); // b a n a n a

0 để thêm khoảng trống giữa các ký tự của chuỗi.

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

1

Để xử lý kịch bản được thảo luận trước đó, trong đó chuỗi có khoảng trống giữa một số ký tự, hãy gọi

let x = '1234567890123456'

let res = [...x].map((d, i) => (i) % 4 == 0 ? ' ' + d : d).join('').trim()

console.log(res)

0 trên ký tự của mỗi lần lặp và thêm kiểm tra

function addSpace(str) {
  return str.split('').join(' ');
}

const str1 = 'coffee';
const str2 = 'banana';

console.log(addSpace(str1)); // c o f f e e
console.log(addSpace(str2)); // b a n a n a

2 để đảm bảo rằng đó là sự thật, trước khi thêm nó và không gian vào kết quả tích lũy:

let dummyTxt='1234567890123456';

let joy=dummyTxt.match(/.{1,4}/g);
console.log(joy.join(' '));

2

Ayibatari Ibaba là một nhà phát triển phần mềm với nhiều năm kinh nghiệm xây dựng các trang web và ứng dụng. Ông đã viết nhiều về một loạt các chủ đề lập trình và đã tạo ra hàng chục ứng dụng và thư viện nguồn mở.

11 Tính năng JavaScript mới tuyệt vời trong ES13

Hướng dẫn này sẽ đưa bạn lên tốc độ với tất cả các tính năng mới nhất được thêm vào Ecmascript 13. Các tính năng mới mạnh mẽ này sẽ hiện đại hóa JavaScript của bạn với mã ngắn hơn và biểu cảm hơn.

Đăng ký và nhận một bản sao miễn phí ngay lập tức.

programming javascript Space in HTML Whitespace HTML

Hướng dẫn every 4 place add space javascript - cứ 4 vị trí thêm không gian javascript

1. Các phương thức chia tách () và chia tách ()

Mẹo

2. Đối với… của vòng lặp

11 Tính năng JavaScript mới tuyệt vời trong ES13

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội