使用.splice()向数组添加对象时遇报错及格式问题求助

Hey there, let's break down what's tripping you up here—you're really close, just a couple of key mix-ups between arrays and objects!

1. The Root Cause of data2.splice() is not a function #

The big issue is right at the start: you defined data2 as an object (let data2 = {};), but splice() is a method that only exists on arrays. Objects don't have this built-in method, so calling it throws that error immediately.

2. Why console.log(data2) Shows Undefined Fields #

Since data2 was an object, trying to use array methods on it didn't actually add your myobj entries correctly. Plus, setting data2.name = 'data2' just adds a random property to the object, not the structured array you need for your JSON payload. On top of that, your original code defined the arr() function but never called it—so myobj was never even populated with values!

3. Step-by-Step Fixes #

Here's how to adjust your code to get the behavior you want:

First, Fix the Data Structure #

Change data2 from an object to an array (this is the critical fix):

let data2 = []; // Not {}!

Clean Up Unnecessary Properties #

You don't need to set data.name or data2.name—arrays don't require a "name" property for JSON serialization. If you need to pass a named array to your Python script later, you can wrap the array in an object when you stringify it (more on that below).

Revised valuesX Function #

Here's the corrected code with explanations:

var counterx = 0;
let data = [];
let data2 = []; // Changed to array

function valuesX() {
  counterx++;
  let arr_id = [];
  arr_id.name = 'arr_id_' + counterx;
  let ind = counterx - 1;
  let myobj;

  function arr() {
    var ind = sel.selectedIndex;
    var axis = sel.options[ind].text;
    arr_id.length = 0;
    arr_id.push(arr_id.name, axis, btna.value, btnv.value, btns.value, btnj.value);
    // Build your myobj correctly
    myobj = { 
      array: arr_id[0], 
      axis: arr_id[1], 
      acc: arr_id[2], 
      vel: arr_id[3], 
      dist: arr_id[4], 
      jerk: arr_id[5] 
    };
    console.log('arr_id details:', arr_id.name, arr_id);
    console.log('Formatted myobj:', myobj);
    console.log('Current data array:', data);
    console.log('Current data2 array:', data2);
  }

  arr(); // Added this call—your original code never ran the arr() function!
  
  // Insert arr_id into data at position ind
  data.splice(ind, 0, arr_id);
  // Insert myobj into data2 at position ind (now works because data2 is an array)
  data2.splice(ind, 0, myobj);
}

4. Preparing for AJAX to Python #

When you're ready to send the data to your Python script, just stringify the data2 array directly:

const jsonPayload = JSON.stringify(data2);
// Send this payload via your AJAX call

If your Python script expects a named key (like {"data2": [...]}, wrap the array in an object:

const jsonPayload = JSON.stringify({ data2: data2 });

That should resolve both the splice error and the undefined fields issue. Let me know if you hit any other snags!

内容的提问来源于stack exchange，提问作者McMo