javascript - 如何将一个数组的值添加到另一个数组

Question

编辑＃3 以获得更好的帮助（感谢您的耐心）我想结合这两个脚本：

脚本 1：

//get csv file and set up array
        d3.csv('../mapdata/mapdatatest.csv', function (csv) {

            var rid = [],
                lat = [],
                lon = [],
                pinclr = [],
                name = [],
                str = [],
                citystzip = [],
                phone = [],
            lastinspturl = [],
            lastinspctdt = [];

            csv.map(function (d) {
                rid.push(d.rid).toString();
                lat.push(d.lat).toString();
                lon.push(d.lon).toString();
                pinclr.push(d.pinclr).toString();
                name.push(d.name).toString();
                str.push(d.str).toString();
                citystzip.push(d.citystzip).toString();
                phone.push(d.phone).toString();
                lastinspturl.push(d.lastinspturl).toString();
                lastinspctdt.push(d.lastinspctdt).toString();

               for (i = 0; i < rid.length; i++) {

                   var points = ('"' + lat[i] + "," + lon[i] + '"');

                }

            });
        });

脚本 2：

    deCarta.Core.Configuration.clientName = Config.clientName;
            deCarta.Core.Configuration.clientPassword = Config.clientPassword;

            var center = new deCarta.Core.Position(Config.position);

            var pinOverlay = new deCarta.Core.MapOverlay({
                name: "Pins"
            });

            window.map = new deCarta.Core.Map({
                id: "mapContainer",
                autoResize: true,
                zoom: 11,
                center: center,
                onReady: function (map) {
                    map.addLayer(pinOverlay);

                    postPins();
                }
            });

            function postPins() {

                var points = {
                    "points": [
//i have typed in these values for testing purposes only
                        "47.15211, -97.570039",
    "48.625045, -101.375369",
    "48.39679, -101.052669"]
                };


                for (var i = 0; i < points.points.length;) {

                    pos = new deCarta.Core.Position(points.points[i]);

                    pin = pin = new deCarta.Core.Pin({
                        position: center.clone(),
                        text: 'pin: ' + (points.points[i]),
                        position: pos
                        // imageSrc: 'img/pin.png'
                    });
                    pinOverlay.addObject(pin);
                    i++;
                }

                var view = new deCarta.Core.BoundingBox(points.points);
                var centerAndZoom = view.getIdealCenterAndZoom(window.map);
                map.zoomTo(centerAndZoom.zoom);
                map.centerOn(centerAndZoom.center);

            }

我试图达到的结果：

而不是像我在 SCRIPT 2 中那样使用键入的值——我希望从 SCRIPT 1 中输入这些值。

所以

var points = {
                    "points": [
//i have typed in these values for testing purposes only
                        "47.15211, -97.570039",
    "48.625045, -101.375369",
    "48.39679, -101.052669"]
                };

需要是

var points = {
                    "points": [
THE "point" VALUES FROM THE SCRIPT 1 loop]
                };

我明白了这个概念，似乎无法正确使用语法...尝试了所有建议，push();，阅读了很多文章，示例...我在 10 小时前需要这个，任何帮助都会很大赞赏。如果我有足够的代表，我会投票给你 :) 谢谢，谢谢，谢谢。

score 2 · Accepted Answer

我很难理解你的问题。这有帮助吗：

var points = { 
  "points": [ 
    "47.15211, -97.570039", 
    "48.625045, -101.375369", 
    "48.39679, -101.052669"
  ] 
};

console.log(points.points);

var array = points.points;
var array_len = array.length;

for(var i = 0; i < array_len; ++i)
{
  var str = array[i];
  console.log(str);
}

--output:--

[ '47.15211, -97.570039',
  '48.625045, -101.375369',
  '48.39679, -101.052669' ]
47.15211, -97.570039
48.625045, -101.375369
48.39679, -101.052669

======

我建立在另一个页面上：

那很麻烦。你知道网络是无状态的吗？这意味着一旦用户离开页面，用户的计算机上就不会保存任何数据。有一些方法可以解决这个问题：您可以将少量信息保存在 cookie 中，或者页面可以将数据发送到服务器端脚本，然后服务器端脚本可以将数据保存在文件或数据库中。

另一方面，如果“在另一个页面上”是指另一个 javascript 文件，那么开始更简单。将两个 javascript 文件合并到一个文件中并使其工作，例如：

func1(a, b) = {
    ....
    return results;
}

func2(x, y, z) = {

   info = func1(x, y) + z

   //do something with info
}

然后只需将 func1 和 func2 放入单独的文件中，并将它们都包含在一个 html 页面中：

<script type='text/javascript' src='js2.js'></script>
<script type='text/javascript' src='js1.js'></script>

只要确保顺序正确：如果 js1.js 中的函数调用 js2.js 中定义的函数，则需要首先包含 js2.js。

====

html.html

<html>
<head>
  <title>Test</title>
  <script type='text/javascript' src='js2.js'></script>
  <script type='text/javascript' src='js.js'></script>

  <style type='text/css'>
    .colorText {
      color: blue; 
    }
    .surprise {
      background: red;
    }
  </style>
</head>

<body>
  <div id="show_results" class="colorText">Hello world</div>

</body>
</html>

js.js

function do_stuff(x, y, z) {
  //send two of this function's arguments to another function
  //defined in another script:
  var results = do_other_stuff(x, y);
  return results + z; 
}

//This function will execute once the html page loads:
window.onload = function() {

  var my_results = do_stuff(10, 20, 30);
  alert("Inserting results in <div>");

  //The following div won't exist until after the page loads:
  var div = document.getElementById('show_results');
  div.innerHTML = my_results;

}

如果 window.onload 太令人困惑，只需摆脱它并使用 alert() 来显示结果（或您感兴趣的任何其他信息）。

js2.js

function do_other_stuff(x, y) {
  return x+y;
}

现在，如果您只想将一件事传递给 do_other_stuff() 函数，例如您的对象（带有大括号的事物称为“对象”），您可以像这样重写脚本：

js.js

function do_stuff() {  

    var points = { 
        "points": [ 
        "47.15211, -97.570039", 
        "48.625045, -101.375369", 
        "48.39679, -101.052669" ] 
    };

    do_other_stuff(points);

}


do_stuff();

然后重写 do_other_stuff() 看起来像这样：

js2.js

function do_other_stuff(points_obj) {

  //do stuff with points_obj, e.g.
  alert( points_obj.points[0] );

}

在此示例中，脚本未对任何 html 元素进行操作，因此无需等待页面加载。

====

看看以下评论是否有帮助：
1）这个循环：

for (i = 0; i < rid.length; i++) {

    var points = ('"' + lat[i] + "," + lon[i] + '"');

}

相当于：

var points = '"' + lat[rid.length] + "," + lon[rid.length] + '"';

2）你用引号做的事情真的很难看。如果你只是想把一些数字变成一个字符串，你可以这样做：

var point = lat[i] + ", " + lon[i];

js 不能将数字和字符串相加，所以 js 假设您正在尝试创建字符串，js 将数字转换为字符串，然后将字符串相加。看一下这个：

var str = 3 + ', ' + 2;
var arr = [str];
console.log(arr);

--output:--
[ '3, 2' ]

3）你可能想做这样的事情：

var points = []

for (i = 0; i < rid.length; i++) {

    points.push( lat[i] + ", " + lon[i] );

}

4）然后将点数组传递给你的 deCarta 东西，你可以这样做：

var points = []

for (i = 0; i < rid.length; i++) {

    points.push( lat[i] + ", " + lon[i] );

}

do_stuff(points);

然后你会像这样定义 do_stuff() ：

function do_stuff(the_points) {

    //Do all your deCarta stuff here

    window.map = new deCarta.Core.Map({
                id: "mapContainer",
                autoResize: true,
                zoom: 11,
                center: center,
                onReady: function (map) {
                    map.addLayer(pinOverlay);

                    postPins();
                }
            });

            function postPins() {
               console.log(the_points); //You have access to the points array
               obj = {"points": the_points};

=======

1）调用函数时，js将函数调用与函数定义对齐：

         do_stuff(10, 20, 30)  <----function call
function do_stuff( x,  y,  z) {...}  <---function definition

然后 javascript 执行这些任务：

var x = 10;
var y = 20;
var z = 30;

2) 然后在函数内部，您使用变量 x、y 和 z 来引用这些值。

3）在我发布的代码中，函数调用和函数定义如下所示：

         do_stuff(points)
function do_stuff(the_points) {...}

所以js做这个任务：

 var the_points = points;

并且点只是一些像 ['10, 20', '100, 200'] 这样的数组，所以这个赋值相当于：

 var the_points = ['10, 20', '100, 200']

在函数内部，您使用 the_points 来引用数组。

score 1 · Accepted Answer

您可以使用这样的东西来遍历数组中的每一对：

var points = [ "47.15211, -97.570039", "48.625045, -101.375369", "48.39679, -101.052669"];
points.forEach(function (point) {
  point = point.match(/^"([0-9\.]+)\s*,\s*([0-9\.]+)"$/);
  console.log('"' + point[0] + '", "' + point[1] + '"');
});

或者如果您想将它们放在自己的数组中，可以使用类似的方法：

var points = [ "47.15211, -97.570039", "48.625045, -101.375369", "48.39679, -101.052669"],
    lat = [], lon = [];

points.forEach(function (point) {
  point = point.match(/^"([0-9\.]+)\s*,\s*([0-9\.]+)"$/);
  lat.push(point[0]);
  lon.push(point[1]);
});

lat.forEach(function (lat, id) {
  console.log('"' + lat + '", "' + lon[id] + '"');
});

甚至：

lon.forEach(function (lon, id) {
  console.log('"' + lat[id] + '", "' + lon + '"');
});

另外，有人在这里评论说，当您将其重新组合在一起时，我不应该为此使用 split 。如果您不想像这样将它们分开，您可以随时使用：

points.points = points.points.map(function (point) {
  return point.replace(/^"([0-9\.]+)\s*,\s*([0-9\.]+)"$/, '"$1", "$2"');
});

score 0 · Accepted Answer

也许这会起作用，但我不知道你的变量是什么，纬度和经度。也许你可以发布它。要在 Chrome 或 Firefox 中查看变量，您可以执行以下操作：

console.log(JSON.stringify(rid);

按 F12 查看控制台。

var points={};
points.points=[];
for (i = 0; i < rid.length; i++) {
   points.points.push('"' + rid[i].lat + "," + rid[i].lon + '"');
}

javascript - 如何将一个数组的值添加到另一个数组

3 回答 3

Related

Reference