Hướng dẫn array object join javascript - mảng đối tượng tham gia javascript

Phương thức join() tạo và trả về một chuỗi mới bằng cách kết hợp tất cả các phần tử trong một mảng (hoặc một đối tượng giống như mảng), được phân tách bằng dấu phẩy hoặc chuỗi phân tách được chỉ định. Nếu mảng chỉ có một mục, thì mục đó sẽ được trả về mà không sử dụng dấu phân cách.join() method creates and returns a new string by concatenating all of the elements in an array (or an array-like object), separated by commas or a specified separator string. If the array has only one item, then that item will be returned without using the separator.

Thử nó

Cú pháp

Thông số

separator Tùy chọnOptional

Chỉ định một chuỗi để tách từng cặp phần tử liền kề của mảng. Bộ phân cách được chuyển đổi thành một chuỗi nếu cần thiết. Nếu bị bỏ qua, các phần tử mảng được phân tách bằng dấu phẩy (","). Nếu separator là một chuỗi trống, tất cả các phần tử được nối mà không có bất kỳ ký tự nào ở giữa chúng.

Giá trị trả về

Một chuỗi với tất cả các phần tử mảng đã tham gia. Nếu arr.length0, chuỗi trống được trả về.

Sự mô tả

Các chuyển đổi chuỗi của tất cả các phần tử mảng được nối thành một chuỗi. Nếu một phần tử là ____10,

console.log([1, , 3].join()); // '1,,3'
console.log([1, undefined, 3].join()); // '1,,3'
1, nó sẽ được chuyển đổi thành một chuỗi trống thay vì chuỗi
console.log([1, , 3].join()); // '1,,3'
console.log([1, undefined, 3].join()); // '1,,3'
2 hoặc
console.log([1, , 3].join()); // '1,,3'
console.log([1, undefined, 3].join()); // '1,,3'
3.

Phương pháp

console.log([1, , 3].join()); // '1,,3'
console.log([1, undefined, 3].join()); // '1,,3'
4 được truy cập nội bộ bằng
console.log([1, , 3].join()); // '1,,3'
console.log([1, undefined, 3].join()); // '1,,3'
5 mà không có đối số. Ghi đè
console.log([1, , 3].join()); // '1,,3'
console.log([1, undefined, 3].join()); // '1,,3'
4 của một thể hiện mảng cũng sẽ ghi đè hành vi
console.log([1, , 3].join()); // '1,,3'
console.log([1, undefined, 3].join()); // '1,,3'
7 của nó.

Khi được sử dụng trên các mảng thưa thớt, phương pháp join() lặp lại các khe trống như thể chúng có giá trị ____10.

Phương pháp join() là chung chung. Nó chỉ mong đợi giá trị

const arrayLike = {
  length: 3,
  0: 2,
  1: 3,
  2: 4,
};
console.log(Array.prototype.join.call(arrayLike));
// 2,3,4
console.log(Array.prototype.join.call(arrayLike, "."));
// 2.3.4
1 có thuộc tính
const arrayLike = {
  length: 3,
  0: 2,
  1: 3,
  2: 4,
};
console.log(Array.prototype.join.call(arrayLike));
// 2,3,4
console.log(Array.prototype.join.call(arrayLike, "."));
// 2.3.4
2 và các thuộc tính được khóa.

Ví dụ

Tham gia một mảng bốn cách khác nhau

Ví dụ sau đây tạo ra một mảng,

const arrayLike = {
  length: 3,
  0: 2,
  1: 3,
  2: 4,
};
console.log(Array.prototype.join.call(arrayLike));
// 2,3,4
console.log(Array.prototype.join.call(arrayLike, "."));
// 2.3.4
3, với ba phần tử, sau đó tham gia mảng bốn lần: sử dụng dấu phân cách mặc định, sau đó là dấu phẩy và một không gian, sau đó là một điểm cộng và một chuỗi trống.

const a = ["Wind", "Water", "Fire"];
a.join(); // 'Wind,Water,Fire'
a.join(", "); // 'Wind, Water, Fire'
a.join(" + "); // 'Wind + Water + Fire'
a.join(""); // 'WindWaterFire'

Sử dụng Jop () trên các mảng thưa thớt

join() xử lý các khe trống giống như

console.log([1, , 3].join()); // '1,,3'
console.log([1, undefined, 3].join()); // '1,,3'
0 và tạo ra một dấu phân cách bổ sung:

console.log([1, , 3].join()); // '1,,3'
console.log([1, undefined, 3].join()); // '1,,3'

Gọi tham gia () trên các đối tượng không phải là

Phương thức join() đọc thuộc tính

const arrayLike = {
  length: 3,
  0: 2,
  1: 3,
  2: 4,
};
console.log(Array.prototype.join.call(arrayLike));
// 2,3,4
console.log(Array.prototype.join.call(arrayLike, "."));
// 2.3.4
2 của
const arrayLike = {
  length: 3,
  0: 2,
  1: 3,
  2: 4,
};
console.log(Array.prototype.join.call(arrayLike));
// 2,3,4
console.log(Array.prototype.join.call(arrayLike, "."));
// 2.3.4
1 và sau đó truy cập vào từng chỉ mục số nguyên.

const arrayLike = {
  length: 3,
  0: 2,
  1: 3,
  2: 4,
};
console.log(Array.prototype.join.call(arrayLike));
// 2,3,4
console.log(Array.prototype.join.call(arrayLike, "."));
// 2.3.4

Thông số kỹ thuật

Sự chỉ rõ
Đặc tả ngôn ngữ Ecmascript # sec-array.prototype.join
# sec-array.prototype.join

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

Trong bài này chúng ta sẽ tìm hiểu hàm join trong javascript, đây là hàm dùng để nối các phần tử của mảng lại với nhau thành một chuỗi.

Hướng dẫn array object join javascript - mảng đối tượng tham gia javascript

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.freetuts.net, không được copy dưới mọi hình thức.

Hàm join sẽ nối các phần tử của mảng thành một chuỗi, các phần tử được ngăn cách nhau bởi kí tự do người dùng quy định. Nếu không truyền ký tự ngăn cách vào thì giá trị mặc định là dấu phẩy ",".

Nếu bạn chỉ đơn thuần muốn chuyển mảng thành chuỗi và ngăn cách bởi dấu phẩy thì hãy sử dụng hàm array.toString() nhé.

1. Cú pháp hàm join trong javascript

Hàm join có cú pháp như sau:

Bài viết này được đăng tại [free tuts .net]

Trong đó::

  • separator là kí tự sẽ ngăn cách các phần tử với nhau, mặc định mang giá trị là dấu ",".
  • Hàm sẽ trả về một chuỗi, và mảng cũ không ảnh hưởng gì cả.

Hàm này rất ít khi sử dụng, bởi thao tác chuyển mảng thành chuỗi trong các ứng dụng thực tế rất hiếm gặp.

Ví dụ: Đây là một demo mình lấy từ trang chủ của mozilla.: Đây là một demo mình lấy từ trang chủ của mozilla.

var a = ['Wind', 'Water', 'Fire'];
a.join();      // 'Wind,Water,Fire'
a.join(', ');  // 'Wind, Water, Fire'
a.join(' + '); // 'Wind + Water + Fire'
a.join('');    // 'WindWaterFire'

2. Một ví dụ khác về hàm join trong javascript

Hãy viết chương trình khi click vào một button thì chuyển tất cả các phần tử của mảng subject thành một chuỗi, sau đó in lên màn hình.

Học lập trình miễn phí tại freetuts.net

3. So sánh hàm join với array.toString

Cả hai hàm đều là các phương thức của đối tượng mảng, và công dụng la chuyển đổi mảng thành chuỗi. Tuy nhiên, chúng sẽ có một chút khác biệt như sau:

  • Hàm
    console.log([1, , 3].join()); // '1,,3'
    console.log([1, undefined, 3].join()); // '1,,3'
    
    4 có thể tùy biến ký tự ngăn cách giữa các phần tử.
  • Hàm
    var a = ['Wind', 'Water', 'Fire'];
    a.join();      // 'Wind,Water,Fire'
    a.join(', ');  // 'Wind, Water, Fire'
    a.join(' + '); // 'Wind + Water + Fire'
    a.join('');    // 'WindWaterFire'
    1 thì luôn sử dụng dấu phẩy để ngăn cách giữa các phần tử.

Trên là tất cả những thông tin cần biết về hàm join trong js.