質問するログイン新規登録

質問編集履歴

4

追記

2019/09/19 06:09

投稿

Pltcpx
Pltcpx

スコア7

title CHANGED
File without changes
body CHANGED
@@ -14,10 +14,13 @@
14
14
 
15
15
  上記のようなJSONがあり、Objectのkeyは今後も増え、絞り込み条件(かつ)も増えるので、動的に絞り込み条件を生成し、フィルタしたいと思っています。
16
16
 
17
- 補足追記:
17
+ ----
18
+
19
+ Vue.jsで画面側をJSONに連動して変更しようと思っており、「商品リスト」と「チェックボックスによる絞り込み機能」を考えています。
18
- 画面側「セール品絞り込みチェックボックス」「中古品絞り込みチェックボックス」などがあり、今後も「〜〜絞り込みチェックボックス」(と対応するkey)が増えることを想定しています。
20
+ 画面側「セール品絞り込みチェックボックス」「中古品絞り込みチェックボックス」などがあり、今後も「〜〜絞り込みチェックボックス」(と対応するkey)が増えることを想定しています。
19
21
  なので、ベタにアンド条件を書きたくないと思い、動的に絞り込み条件をつくってフィルタする機能を作りたいです。
20
22
 
23
+ ----
21
24
 
22
25
  なので、下記ソースコードのように
23
26
 

3

補足しました

2019/09/19 06:09

投稿

Pltcpx
Pltcpx

スコア7

title CHANGED
File without changes
body CHANGED
@@ -14,6 +14,11 @@
14
14
 
15
15
  上記のようなJSONがあり、Objectのkeyは今後も増え、絞り込み条件(かつ)も増えるので、動的に絞り込み条件を生成し、フィルタしたいと思っています。
16
16
 
17
+ 補足追記:
18
+ 画面側で「セール品絞り込みチェックボックス」「中古品絞り込みチェックボックス」などがあり、今後も「〜〜絞り込みチェックボックス」(と対応するkey)が増えることを想定しています。
19
+ なので、ベタにアンド条件を書きたくないと思い、動的に絞り込み条件をつくってフィルタする機能を作りたいです。
20
+
21
+
17
22
  なので、下記ソースコードのように
18
23
 
19
24
  - 文字列で条件文を生成

2

誤字訂正

2019/09/19 06:04

投稿

Pltcpx
Pltcpx

スコア7

title CHANGED
File without changes
body CHANGED
@@ -33,7 +33,7 @@
33
33
 
34
34
  //生成された文字列
35
35
  console.log(condition);
36
- // "item.delv > 0 && item.isSale == true && isUsed == true"
36
+ // "item.delv > 0 && item.isSale == true && item.isUsed == true"
37
37
 
38
38
  //フィルタ
39
39
  let filteredProducts = products.filter(item => eval(condition));

1

誤字修正

2019/09/19 05:15

投稿

Pltcpx
Pltcpx

スコア7

title CHANGED
File without changes
body CHANGED
@@ -12,7 +12,7 @@
12
12
  ]
13
13
  ```
14
14
 
15
- 上記のようなJSONがあり、Objectのkeyは今後も増え、絞り込み条件(かつ)も増えるので、動的に絞り込み条件を生成し、フィルタしたいと思っています。
15
+ 上記のようなJSONがあり、Objectのkeyは今後も増え、絞り込み条件(かつ)も増えるので、動的に絞り込み条件を生成し、フィルタしたいと思っています。
16
16
 
17
17
  なので、下記ソースコードのように
18
18