Một đối tượng triển khai
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
9 có thể được sử dụng trực tiếp trong cấu trúc const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
0 để lặp qua các cặp khóa/giá trị theo cùng thứ tự khi chúng xuất hiện trong chuỗi truy vấn, ví dụ: hai dòng sau là tương đươngfor [const [key, value] of mySearchParams] {}
for [const [key, value] of mySearchParams.entries[]] {}
Ghi chú. Tính năng này có sẵn trong Web Worker
Người xây dựng
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
1Trả về một phiên bản đối tượng
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
9Phương thức sơ thẩm
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
3Nối một cặp khóa/giá trị được chỉ định làm thông số tìm kiếm mới
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
4Xóa tham số tìm kiếm đã cho và giá trị được liên kết của nó khỏi danh sách tất cả các tham số tìm kiếm
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
5Trả về một
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
6 cho phép lặp qua tất cả các cặp khóa/giá trị có trong đối tượng này theo cùng thứ tự như chúng xuất hiện trong chuỗi truy vấnconst paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
7Cho phép lặp qua tất cả các giá trị có trong đối tượng này thông qua chức năng gọi lại
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
8Trả về giá trị đầu tiên được liên kết với tham số tìm kiếm đã cho
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
9Trả về tất cả các giá trị được liên kết với một tham số tìm kiếm đã cho
for [const [key, value] of mySearchParams] {}
for [const [key, value] of mySearchParams.entries[]] {}
00Trả về một giá trị boolean cho biết liệu một tham số đã cho có tồn tại hay không
for [const [key, value] of mySearchParams] {}
for [const [key, value] of mySearchParams.entries[]] {}
01Trả về một
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
6 cho phép lặp qua tất cả các khóa của các cặp khóa/giá trị có trong đối tượng nàyfor [const [key, value] of mySearchParams] {}
for [const [key, value] of mySearchParams.entries[]] {}
03Đặt giá trị được liên kết với tham số tìm kiếm đã cho thành giá trị đã cho. Nếu có một số giá trị, những giá trị khác sẽ bị xóa
for [const [key, value] of mySearchParams] {}
for [const [key, value] of mySearchParams.entries[]] {}
04Sắp xếp tất cả các cặp khóa/giá trị, nếu có, theo khóa của chúng
for [const [key, value] of mySearchParams] {}
for [const [key, value] of mySearchParams.entries[]] {}
05Trả về một chuỗi chứa chuỗi truy vấn phù hợp để sử dụng trong một URL
for [const [key, value] of mySearchParams] {}
for [const [key, value] of mySearchParams.entries[]] {}
06Trả về một
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
6 cho phép lặp qua tất cả các giá trị của các cặp khóa/giá trị có trong đối tượng nàyví dụ
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
for [const [key, value] of mySearchParams] {}
for [const [key, value] of mySearchParams.entries[]] {}
0Thông số tìm kiếm trùng lặp
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
0Không có phân tích cú pháp URL
Hàm tạo
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
9 không phân tích cú pháp URL đầy đủ. Tuy nhiên, nó sẽ loại bỏ một for [const [key, value] of mySearchParams] {}
for [const [key, value] of mySearchParams.entries[]] {}
09 dẫn đầu ban đầu khỏi một chuỗi, nếu cóconst paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
2Bảo quản dấu cộng
Hàm tạo
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
9 diễn giải các dấu cộng [const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
01] dưới dạng khoảng trắng, điều này có thể gây ra sự cốconst paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
4Bạn có thể tránh điều này bằng cách mã hóa dữ liệu bằng
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
02const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
6Giá trị trống so với. không có giá trị
const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
9 không phân biệt giữa một tham số không có gì sau const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
04 và một tham số hoàn toàn không có const paramsString = 'q=URLUtils.searchParams&topic=api';
const searchParams = new URLSearchParams[paramsString];
// Iterating the search parameters
for [const p of searchParams] {
console.log[p];
}
console.log[searchParams.has['topic']]; // true
console.log[searchParams.get['topic'] === "api"]; // true
console.log[searchParams.getAll['topic']]; // ["api"]
console.log[searchParams.get['foo'] === null]; // true
console.log[searchParams.append['topic', 'webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=api&topic=webdev"
console.log[searchParams.set['topic', 'More webdev']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams&topic=More+webdev"
console.log[searchParams.delete['topic']];
console.log[searchParams.toString[]]; // "q=URLUtils.searchParams"
04