文字列の配列にreactの部分文字列値が含まれているかどうかを確認します
ロジャー・スタックス
値の配列があり、その配列をフィルタリングして、検索クエリを含むユーザー名を見つけようとしています。
検索クエリは、ユーザーからの入力として取得されます。
useEffect(() => {
let result;
if (usernames != null) {
result = usernames.filter((user) => user.username.includes(query));
}
console.log(result?.pop()?.username);
}, [query]);
私が間違っていることについて何か考えはありますか？
ドリューリース
問題点
usernames配列を使用すると、ネストされた中で検索したい文字列値を持つオブジェクトの配列であるlink性質。- Array.prototype.mapは、開始配列と同じ長さの配列を返しますが、副作用を発行するためのものではありません。
解決
linkプロパティから部分文字列を確認し、array.prototype.findまたはarray.prototype.filterを使用して一致を検索します。find最初の一致を返すか、見つからない場合は未定義をfilter返し、配列内のすべての一致を返します。
usernames.find((user) => user.link.includes("gl"));
usernames.filter((user) => user.link.includes("gl"));
コード：
React.useEffect(() => {
let result;
if (usernames != null) {
result = usernames.find((user) => user.link.includes("gl"));
}
console.log(result);
}, []);
const usernames = [
{ link: "apple" },
{ link: "google" },
{ link: "shopify" }
];
let result;
if (usernames != null) {
result = usernames.find((user) => user.link.includes("gl"));
}
console.log(result?.link);注：array.prototype.findはundefined値が見つからない場合に返されるため、linkプロパティにアクセスする、つまりresult.link「google」を表示するなど、結果を処理する前にnullの値を確認することをお勧めします。
注2：を使用するfilter場合、resultは配列になります。配列またはpop最後の値（またはunshift0番目の要素）を反復して、単一の結果オブジェクトを取得できます。のようなnullチェックを実行する必要がありますresult?.[0]?.username。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
文字列の配列にjavascriptの特定の文字列の部分文字列が含まれているかどうかを確認しますか？
- 2
文字列の最後に部分文字列が含まれているかどうかを確認します
- 3
文字列に特定の部分文字列の文字が含まれているかどうかを確認する方法
- 4
配列に部分文字列が含まれているかどうかを確認しますか？
- 5
lodashを使用して、配列要素に別の配列要素の部分文字列が含まれているかどうかを確認します
- 6
文字列にBashの部分文字列が含まれているかどうかを確認する方法
- 7
文字列のリストに部分文字列が含まれているかどうかを確認する方法
- 8
文字列に配列の部分文字列が含まれているかどうかを確認して分割する方法
- 9
文字列に別の文字列の3文字の長さの部分文字列が含まれているかどうかを確認します
- 10
Pythonの部分文字列のリストから文字列に部分文字列が含まれていないかどうかを確認します
- 11
文字列に部分文字列が含まれているかどうかを確認します
- 12
Elixir-文字列に部分文字列が含まれているかどうかを確認します
- 13
配列内の部分文字列が別の文字列に含まれているかどうかを効率的に確認する方法
- 14
文字列に配列の値が含まれているかどうかを確認します
- 15
文字列の最初の文字に配列の値が含まれているかどうかを確認する
- 16
部分文字列が文字列に複数回含まれていないかどうかを確認しますか？
- 17
文字列に部分文字列のリストが含まれているかどうかを確認し、一致するものを保存します
- 18
文字列にVelocityの特定の部分文字列が含まれているかどうかの確認
- 19
文字列に特定の部分文字列が含まれているかどうかを確認し、BOOLEANを返します
- 20
文字列に辞書の部分文字列の1つが含まれているかどうかをSwiftで確認します
- 21
文字列に特定の順序の部分文字列が含まれているかどうかを確認します
- 22
Kotlinで文字列に部分文字列が含まれているかどうかを確認する方法
- 23
Rubyで文字列に部分文字列が含まれているかどうかを確認する方法
- 24
文字列に部分文字列が含まれているかどうかを確認する
- 25
文字列に複数の異なる部分文字列が含まれているかどうかを確認します
- 26
オブジェクトアイテムの配列に部分文字列が含まれているかどうかを確認してください
- 27
Chai.js-文字列にリストの部分文字列が含まれているかどうかを確認します
- 28
文字列のインデックスに部分文字列が含まれているかどうかを確認します
- 29
文字列列挙型の配列に文字列が含まれているかどうかを確認する方法
コメントを追加