Tôi có 3 biến với các chuỗi chứa các giá trị phân tách bằng dấu phẩy (tôi không biết có bao nhiêu) mà tôi muốn kết hợp thành các đối tượng jQuery.
"name1,name2,name3,nameN" "value1,value2,value3,valueN" "id1,id2,id3,idN"to:
var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN };Để lặp lại một thao tác trên từng mục, ví dụ: để nối thêm một danh sách:
<h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul>Cách tốt nhất để làm việc này là gì?
Chuyển đổi các giá trị của một đối tượng thành chuỗi được phân tách bằng dấu phẩy #
Để chuyển đổi các giá trị của một đối tượng thành chuỗi được phân tách bằng dấu phẩy, hãy sử dụng phương thức var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 1 để lấy một mảng các giá trị của đối tượng và kết hợp chúng vào chuỗi được phân tách bằng dấu phẩy bằng phương thức var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 2, ví dụ: var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 3.
Copied!
const obj = { country: 'Chile', city: 'Santiago', code: 1234, }; const str = Object.values(obj).join(','); console.log(str); // 👉️ "Chile,Santiago,1234"Chúng tôi đã sử dụng phương thức đối tượng. Giá trị để có được một mảng các giá trị của đối tượng.
Copied!
const obj = { country: 'Chile', city: 'Santiago', code: 1234, }; // 👇️ ['Chile', 'Santiago', 1234] console.log(Object.values(obj));Bước cuối cùng là sử dụng phương thức Array.Join để tham gia mảng vào một chuỗi dựa trên một dấu phân tách được cung cấp.
Chúng tôi cần một chuỗi được phân tách bằng dấu phẩy, vì vậy chúng tôi đã chuyển một dấu phẩy cho phương thức var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 4.
Copied!
console.log(['a', 'b', 'c'].join(',')); // 👉️ "a,b,c" console.log(['a', 'b', 'c'].join(', ')); // 👉️ "a, b, c"Nếu bạn sử dụng phương pháp này với một đối tượng trống, bạn sẽ nhận được một chuỗi trống trở lại.
Copied!
console.log(Object.values({}).join(',')); // 👉️ ""Điều này là do phương thức var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 5 trả về một mảng trống khi được cung cấp một đối tượng trống.
Copied!
console.log(Object.values({})); // 👉️ []Nếu được gọi trên một mảng có chiều dài var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 6, phương thức var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 2 sẽ trả về một chuỗi trống.
________số 8
Nếu đối tượng chứa các giá trị var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 8, var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 9 hoặc mảng trống <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 0, phương thức var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 2 sẽ chuyển đổi chúng thành một chuỗi trống.
Copied!
const obj = { country: undefined, city: null, code: 1234, }; // 👇️ [undefined, null, 1234] console.log(Object.values(obj)); const str = Object.values(obj).join(','); console.log(str); // 👉️ ",,1234"Các giá trị của các thuộc tính <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 2 và <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 3 là var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 9 và var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 8, vì vậy chúng đã được chuyển đổi thành các chuỗi trống, nhưng chúng tôi vẫn nhận được một bộ nối dấu phẩy giữa chúng.
Nếu bạn cần xử lý kịch bản này, bạn có thể sử dụng phương thức <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 6 để lọc các giá trị giả tưởng trước khi tham gia các giá trị sự thật vào một chuỗi.
var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 0
Chúng tôi đã sử dụng đối tượng <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 7 để chuyển đổi từng phần tử trong mảng thành boolean.
Nếu việc chuyển đổi giá trị thành boolean trả về <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 8, nó sẽ được thêm vào mảng phương thức <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 6 trả về.
Đối tượng <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 7 chuyển đổi tất cả các giá trị giả thành
Copied!
const obj = { country: 'Chile', city: 'Santiago', code: 1234, }; const str = Object.values(obj).join(','); console.log(str); // 👉️ "Chile,Santiago,1234" 1 và tất cả các giá trị sự thật thành <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 8.Các giá trị giả trong JavaScript là:
Copied!
const obj = { country: 'Chile', city: 'Santiago', code: 1234, }; const str = Object.values(obj).join(','); console.log(str); // 👉️ "Chile,Santiago,1234" 1, var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 8, var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 9, var item1 = { name: name1, value: value1, id: id1 }; var item2 = { name: name2, value: value2, id: id2 }; var item3 = { name: name3, value: value3, id: id3 }; var itemN = { name: nameN, value: valueN, id: idN }; 6,Copied!
const obj = { country: 'Chile', city: 'Santiago', code: 1234, }; const str = Object.values(obj).join(','); console.log(str); // 👉️ "Chile,Santiago,1234" 7 (chuỗi trống),Copied!
const obj = { country: 'Chile', city: 'Santiago', code: 1234, }; const str = Object.values(obj).join(','); console.log(str); // 👉️ "Chile,Santiago,1234" 8 (không phải là số).Tất cả các giá trị khác được chuyển đổi thành <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 8, có nghĩa là nếu chuỗi chứa ít nhất 1 ký tự, đối tượng <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 7 sẽ chuyển đổi nó thành <h3>items</h3> <ul> <li>item1</li> <ul> <li>value: <b>value1</b></li> <li>id: <b>id1</b></li> </ul> [...] <li>itemN</li> <ul> <li>value: <b>valueN</b></li> <li>id: <b>idN</b></li> </ul> <ul> 8 và nó sẽ được thêm vào mảng mà phương thức
Copied!
const obj = { country: 'Chile', city: 'Santiago', code: 1234, }; // 👇️ ['Chile', 'Santiago', 1234] console.log(Object.values(obj)); 2 trả về.Điều này ngăn chúng tôi tham gia các phần tử chuỗi trống và có nhiều dấu phân cách cạnh nhau.
Đọc thêm #
- Chuyển đổi giá trị Boolean thành Có/Không trong JavaScript
- Chuyển đổi một mảng các đối tượng thành mảng các giá trị trong JS