Question

我在javascript中循环一个json对象，我想在循环字符串中显示值，然后将它放在我的js文件中。

在php中我们可以这样做：

$var = 'This is a '.$variable.'';

echo $var;

现在我查找了如何在javascript中执行此操作，并发现它需要像这样完成：

var varname = 'this is a' + variable + ', and this is some more text';

所以我试着将它应用到我的循环中：

$.each( bedrijven, function( key, value ) {
    // console.log( key + ": " + value.plaats );
    var bedrijvenlijst = "{
        title : '"+ value.title +"',
        image : 'bbvdw.jpg',
        address : '"+ value.straat value.plaats +"',
        position : {
            lat : 51.863010, // 51.8424513,
            lng : 4.235398 // 4.3307054
        },
        markerIcon : 'marker-green.png'
    },";
});
console.log(bedrijvenlijst);

此：

{
    title : '"+ value.title +"',
    image : 'bbvdw.jpg',
    address : '"+ value.straat value.plaats +"',
    position : {
        lat : 51.863010, // 51.8424513,
        lng : 4.235398 // 4.3307054
    },
    markerIcon : 'marker-green.png'
},

我想循环，并将值放在循环字符串中。

但是我收到了这个错误：

未捕获的SyntaxError：无效或意外的令牌

我做错了什么？

如果有帮助的话，这是我正在循环的对象：

var bedrijven = {"id":"10","title":"P. Vis B.V.","introtext":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet interdum enim vel volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ullamcorper neque a porttitor malesuada. Etiam pharetra eget nisl sit amet pharetra. Etiam a mi eget justo rutrum euismod. Praesent ligula lorem, consequat in suscipit sit amet, fermentum eu risus. Quisque sed lorem porttitor, rutrum arcu ut, cursus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris iaculis nisl non gravida dapibus. Nulla at tellus eleifend, vehicula lorem at, lacinia ex. Nam a volutpat dolor, non accumsan lectus. Praesent porta, purus eu consequat pharetra, eros nulla dignissim ipsum, a euismod justo metus in orci.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel aliquam nulla, ut elementum urna. Pellentesque posuere eros vitae neque auctor semper. Quisque elit leo, congue non posuere nec, pharetra a velit. Morbi quam lacus, consequat vel euismod a, ullamcorper vitae augue. Integer in nulla euismod diam ornare tempor. Donec ut rutrum urna. Morbi vel efficitur lorem. Sed porttitor risus et urna facilisis, vel pellentesque nisi fermentum. Nam tempus tortor a venenatis auctor.<\/p>","ordering":"0","state":"1","item_id":"10","plaats":"Heenvliet","straat":"Drie\u00ebndijk 1a"}{"id":"3","title":"CijferAdvies Nissewaard","introtext":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet interdum enim vel volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ullamcorper neque a porttitor malesuada. Etiam pharetra eget nisl sit amet pharetra. Etiam a mi eget justo rutrum euismod. Praesent ligula lorem, consequat in suscipit sit amet, fermentum eu risus. Quisque sed lorem porttitor, rutrum arcu ut, cursus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris iaculis nisl non gravida dapibus. Nulla at tellus eleifend, vehicula lorem at, lacinia ex. Nam a volutpat dolor, non accumsan lectus. Praesent porta, purus eu consequat pharetra, eros nulla dignissim ipsum, a euismod justo metus in orci.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel aliquam nulla, ut elementum urna. Pellentesque posuere eros vitae neque auctor semper. Quisque elit leo, congue non posuere nec, pharetra a velit. Morbi quam lacus, consequat vel euismod a, ullamcorper vitae augue. Integer in nulla euismod diam ornare tempor. Donec ut rutrum urna. Morbi vel efficitur lorem. Sed porttitor risus et urna facilisis, vel pellentesque nisi fermentum. Nam tempus tortor a venenatis auctor.<\/p>","ordering":"1","state":"1","item_id":"3","plaats":"Heenvliet","straat":"Ridderstraat 5"}{"id":"4","title":"\u201cHet Huidhuys\u201d Afslank- en schoonheidsinstituut","introtext":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet interdum enim vel volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ullamcorper neque a porttitor malesuada. Etiam pharetra eget nisl sit amet pharetra. Etiam a mi eget justo rutrum euismod. Praesent ligula lorem, consequat in suscipit sit amet, fermentum eu risus. Quisque sed lorem porttitor, rutrum arcu ut, cursus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris iaculis nisl non gravida dapibus. Nulla at tellus eleifend, vehicula lorem at, lacinia ex. Nam a volutpat dolor, non accumsan lectus. Praesent porta, purus eu consequat pharetra, eros nulla dignissim ipsum, a euismod justo metus in orci.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel aliquam nulla, ut elementum urna. Pellentesque posuere eros vitae neque auctor semper. Quisque elit leo, congue non posuere nec, pharetra a velit. Morbi quam lacus, consequat vel euismod a, ullamcorper vitae augue. Integer in nulla euismod diam ornare tempor. Donec ut rutrum urna. Morbi vel efficitur lorem. Sed porttitor risus et urna facilisis, vel pellentesque nisi fermentum. Nam tempus tortor a venenatis auctor.<\/p>","ordering":"0","state":"1","item_id":"4","plaats":"Zuidland","straat":"Breedstraat 2"}{"id":"5","title":"Bouwbedrijf van de Water","introtext":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet interdum enim vel volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ullamcorper neque a porttitor malesuada. Etiam pharetra eget nisl sit amet pharetra. Etiam a mi eget justo rutrum euismod. Praesent ligula lorem, consequat in suscipit sit amet, fermentum eu risus. Quisque sed lorem porttitor, rutrum arcu ut, cursus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris iaculis nisl non gravida dapibus. Nulla at tellus eleifend, vehicula lorem at, lacinia ex. Nam a volutpat dolor, non accumsan lectus. Praesent porta, purus eu consequat pharetra, eros nulla dignissim ipsum, a euismod justo metus in orci.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel aliquam nulla, ut elementum urna. Pellentesque posuere eros vitae neque auctor semper. Quisque elit leo, congue non posuere nec, pharetra a velit. Morbi quam lacus, consequat vel euismod a, ullamcorper vitae augue. Integer in nulla euismod diam ornare tempor. Donec ut rutrum urna. Morbi vel efficitur lorem. Sed porttitor risus et urna facilisis, vel pellentesque nisi fermentum. Nam tempus tortor a venenatis auctor.<\/p>","ordering":"0","state":"1","item_id":"5","plaats":"Heevliet","straat":"Polyanderweg 2"}{"id":"6","title":"Studio NewMedia B.V.","introtext":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet interdum enim vel volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ullamcorper neque a porttitor malesuada. Etiam pharetra eget nisl sit amet pharetra. Etiam a mi eget justo rutrum euismod. Praesent ligula lorem, consequat in suscipit sit amet, fermentum eu risus. Quisque sed lorem porttitor, rutrum arcu ut, cursus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris iaculis nisl non gravida dapibus. Nulla at tellus eleifend, vehicula lorem at, lacinia ex. Nam a volutpat dolor, non accumsan lectus. Praesent porta, purus eu consequat pharetra, eros nulla dignissim ipsum, a euismod justo metus in orci.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel aliquam nulla, ut elementum urna. Pellentesque posuere eros vitae neque auctor semper. Quisque elit leo, congue non posuere nec, pharetra a velit. Morbi quam lacus, consequat vel euismod a, ullamcorper vitae augue. Integer in nulla euismod diam ornare tempor. Donec ut rutrum urna. Morbi vel efficitur lorem. Sed porttitor risus et urna facilisis, vel pellentesque nisi fermentum. Nam tempus tortor a venenatis auctor.<\/p>","ordering":"0","state":"1","item_id":"6","plaats":"Spijkenisse","straat":"Goudenregenplein 1 - Unit 38"}{"id":"7","title":"Taxi Overgaauw","introtext":"<p><a href=\"http:\/\/www.taxiovergaauw.nl\/\" target=\"_self\" title=\"http:\/\/www.taxiovergaauw.nl\"><\/a><a href=\"http:\/\/www.taxiovergaauw.nl\/\" target=\"_self\" title=\"http:\/\/www.taxiovergaauw.nl\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet interdum enim vel volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ullamcorper neque a porttitor malesuada. Etiam pharetra eget nisl sit amet pharetra. Etiam a mi eget justo rutrum euismod. Praesent ligula lorem, consequat in suscipit sit amet, fermentum eu risus. Quisque sed lorem porttitor, rutrum arcu ut, cursus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris iaculis nisl non gravida dapibus. Nulla at tellus eleifend, vehicula lorem at, lacinia ex. Nam a volutpat dolor, non accumsan lectus. Praesent porta, purus eu consequat pharetra, eros nulla dignissim ipsum, a euismod justo metus in orci.<\/a><\/p>\r\n<p><a href=\"http:\/\/www.taxiovergaauw.nl\/\" target=\"_self\" title=\"http:\/\/www.taxiovergaauw.nl\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel aliquam nulla, ut elementum urna. Pellentesque posuere eros vitae neque auctor semper. Quisque elit leo, congue non posuere nec, pharetra a velit. Morbi quam lacus, consequat vel euismod a, ullamcorper vitae augue. Integer in nulla euismod diam ornare tempor. Donec ut rutrum urna. Morbi vel efficitur lorem. Sed porttitor risus et urna facilisis, vel pellentesque nisi fermentum. Nam tempus tortor a venenatis auctor.<\/a><\/p>\r\n<p>&nbsp;<\/p>","ordering":"0","state":"1","item_id":"7","plaats":"Zuidland","straat":"Langeweg 2b"}{"id":"8","title":"Moree","introtext":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet interdum enim vel volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ullamcorper neque a porttitor malesuada. Etiam pharetra eget nisl sit amet pharetra. Etiam a mi eget justo rutrum euismod. Praesent ligula lorem, consequat in suscipit sit amet, fermentum eu risus. Quisque sed lorem porttitor, rutrum arcu ut, cursus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris iaculis nisl non gravida dapibus. Nulla at tellus eleifend, vehicula lorem at, lacinia ex. Nam a volutpat dolor, non accumsan lectus. Praesent porta, purus eu consequat pharetra, eros nulla dignissim ipsum, a euismod justo metus in orci.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel aliquam nulla, ut elementum urna. Pellentesque posuere eros vitae neque auctor semper. Quisque elit leo, congue non posuere nec, pharetra a velit. Morbi quam lacus, consequat vel euismod a, ullamcorper vitae augue. Integer in nulla euismod diam ornare tempor. Donec ut rutrum urna. Morbi vel efficitur lorem. Sed porttitor risus et urna facilisis, vel pellentesque nisi fermentum. Nam tempus tortor a venenatis auctor.<\/p>","ordering":"0","state":"1","item_id":"8","plaats":"Simonshaven","straat":"Ring 2"}{"id":"9","title":"Molengraaf Makelaardij","introtext":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet interdum enim vel volutpat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ullamcorper neque a porttitor malesuada. Etiam pharetra eget nisl sit amet pharetra. Etiam a mi eget justo rutrum euismod. Praesent ligula lorem, consequat in suscipit sit amet, fermentum eu risus. Quisque sed lorem porttitor, rutrum arcu ut, cursus est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris iaculis nisl non gravida dapibus. Nulla at tellus eleifend, vehicula lorem at, lacinia ex. Nam a volutpat dolor, non accumsan lectus. Praesent porta, purus eu consequat pharetra, eros nulla dignissim ipsum, a euismod justo metus in orci.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vel aliquam nulla, ut elementum urna. Pellentesque posuere eros vitae neque auctor semper. Quisque elit leo, congue non posuere nec, pharetra a velit. Morbi quam lacus, consequat vel euismod a, ullamcorper vitae augue. Integer in nulla euismod diam ornare tempor. Donec ut rutrum urna. Morbi vel efficitur lorem. Sed porttitor risus et urna facilisis, vel pellentesque nisi fermentum. Nam tempus tortor a venenatis auctor.<\/p>","ordering":"0","state":"1","item_id":"9","plaats":"Zuidland","straat":"Mr. P.J. Oudweg 56"};

Answer 1

您的bedrijven变量不正确，,个对象之间必须有{}，整个事物应该被包围。 []。

此外，您需要在此行正确连接：

address : '"+ value.straat + value.plaats +"',

您的代码使用多行字符串，而"不支持多行字符串。请尝试以下方法：

  var bedrijvenlijst = `{
    title : '${value.title}',
      image : 'bbvdw.jpg',
      address : '${value.straat} ${value.plaats}',
      position : {
          lat : 51.863010, // 51.8424513,
          lng : 4.235398 // 4.3307054
      },
      markerIcon : 'marker-green.png'
  },`;

编辑或者您可以尝试更好的方法：

var bedrijvenlijst = [];
      $.each( bedrijven, function( key, value ) {
      bedrijvenlijst.push({
        title : value.title,
          image : 'bbvdw.jpg',
          address : value.straat + value.plaats,
          position : {
              lat : 51.863010, // 51.8424513,
              lng : 4.235398 // 4.3307054
          },
          markerIcon : 'marker-green.png'
      });
});
bedrijvenlijst = JSON.stringify(bedrijvenlijst);

这将创建一个合适的json字符串。

Answer 2

构建json字符串比组合引号更简单。而只是创建文字对象。接下来，使用JSON.stringify()：

将其字符串值存储在单独的变量中

＆＃13;

var bedrijvenlijst = {
  title: {}, //value.title
  image: 'bbvdw.jpg',
  address: {}, //value.straat value.plaats
  position: {
    lat: 51.863010, // 51.8424513,
    lng: 4.235398 // 4.3307054
  },
  markerIcon: 'marker-green.png'
};
console.log(bedrijvenlijst);

var jsonStr = JSON.stringify(bedrijvenlijst);
console.log(jsonStr);

＆＃13;

如何将一个字符串放在一个javascript变量中＆＃34; echo＆＃34;变量在里面

2 个答案: