回答編集履歴

3

解決コード\(オブジェクト版\)

2017/06/27 07:23

投稿

think49
think49

スコア18166

test CHANGED
@@ -48,7 +48,7 @@
48
48
 
49
49
 
50
50
 
51
- ### 解決するコード
51
+ ### 解決コード(配列版)
52
52
 
53
53
 
54
54
 
@@ -74,4 +74,38 @@
74
74
 
75
75
 
76
76
 
77
+ ### 解決コード(オブジェクト版)
78
+
79
+
80
+
81
+ - [jQuery#text + Object.keys - JSFiddle](https://jsfiddle.net/d3szovcu/3/)
82
+
83
+
84
+
85
+ ```HTML
86
+
87
+ <div id="set_mail"></div>
88
+
89
+
90
+
91
+ <script>
92
+
93
+ 'use strict';
94
+
95
+ var query = {mail: {foo: 'foo', bar: 'bar', hoge: 'hoge'}},
96
+
97
+ arrayStaff = {foo: 'foo@example.com', bar: 'bar@example.com', piyo: 'piyo@example.com', hoge: 'hoge@example.com'};
98
+
99
+ var mail = Object.keys(query['mail']).map(key => arrayStaff[query['mail'][key]]);
100
+
101
+
102
+
103
+ $('#set_mail').text(mail);
104
+
105
+ </script>
106
+
107
+ ```
108
+
109
+
110
+
77
111
  Re: hiro0208 さん

2

解決するコードを修正

2017/06/27 07:23

投稿

think49
think49

スコア18166

test CHANGED
@@ -52,19 +52,23 @@
52
52
 
53
53
 
54
54
 
55
- - [jQuery#text + array - JSFiddle](https://jsfiddle.net/d3szovcu/1/)
55
+ - [jQuery#text + Array#map - JSFiddle](https://jsfiddle.net/d3szovcu/2/)
56
56
 
57
57
 
58
58
 
59
59
  ```JavaScript
60
60
 
61
- var query = {mail: [0, 1, 2]},
61
+ 'use strict';
62
62
 
63
+ var query = {mail: [0, 1, 3]},
64
+
63
- arrayStaff = ['foo@example.com', 'bar@example.com', 'piyo@example.com'];
65
+ arrayStaff = ['foo@example.com', 'bar@example.com', 'piyo@example.com', 'hoge@example.com'];
64
66
 
65
67
 
66
68
 
69
+
70
+
67
- $('#set_mail').text(arrayStaff);
71
+ $('#set_mail').text(query.map(i => arrayStaff[i]));
68
72
 
69
73
  ```
70
74
 

1

元のコード\(想定\)を追記

2017/06/27 06:58

投稿

think49
think49

スコア18166

test CHANGED
@@ -1,6 +1,58 @@
1
+ ### 元のコード(想定)
2
+
3
+
4
+
1
5
  `query`, `arrayStaff` がよくわかりませんが、こういう事でしょうか。
2
6
 
3
7
  HTML/JavaScript含めて、最低限、質問文中にある情報だけで動くようにしてください。
8
+
9
+
10
+
11
+ - [jQuery#each + jQuery#text - JSFiddle](https://jsfiddle.net/d3szovcu/)
12
+
13
+
14
+
15
+ ```HTML
16
+
17
+ <div id="set_mail"></div>
18
+
19
+ <script>
20
+
21
+ 'use strict';
22
+
23
+ var query = {mail: [0, 1, 2]},
24
+
25
+ arrayStaff = ['foo@example.com', 'bar@example.com', 'piyo@example.com'];
26
+
27
+
28
+
29
+ function confirm () {
30
+
31
+ $.each(query['mail'], function(i, obj) {
32
+
33
+ $('#set_mail').text(arrayStaff[obj]);
34
+
35
+ alert(arrayStaff[obj]);
36
+
37
+ });
38
+
39
+ }
40
+
41
+
42
+
43
+ confirm();
44
+
45
+ </script>
46
+
47
+ ```
48
+
49
+
50
+
51
+ ### 解決するコード
52
+
53
+
54
+
55
+ - [jQuery#text + array - JSFiddle](https://jsfiddle.net/d3szovcu/1/)
4
56
 
5
57
 
6
58