数组/矩阵元素关联赋值问题：表单参数及jQuery动态输入处理

Alright, let's work through your array and matrix association assignment problem. I’ll walk you through practical, actionable solutions based on your scenario where you’re pulling 4 form parameters (with the 4th being a dynamically fetched unique code array via jQuery):

Before diving into code, you need to define how elements should be linked:

• Index-based association: Elements are paired by their position (e.g., 1st element of Array A ↔ 1st code in your 4th parameter array)
• Code-matching association: Elements are paired by matching a unique code property (if your first 3 parameters contain code values to align with the 4th parameter's codes)

Pick the logic that fits your business needs—below are implementations for both.

Case 1: Index-Based Pairing #

If your first 3 parameters are simple arrays (e.g., a value array) and you want to pair elements by their position in the code array:

// Example: Fetch form parameters (adjust selectors to match your form)
const param1 = $('input[name="value-array"]').map((i, el) => parseInt(el.value)).get(); // e.g., [10, 20, 30]
const param4 = $('input[name="unique-codes"]').map((i, el) => el.value).get(); // Your dynamic code array: ["A1", "B2", "C3"]

// Pair elements by index, handle cases where lengths don't match
const associatedArray = param4.map((code, index) => ({
  uniqueCode: code,
  associatedValue: param1[index] ?? null // Fallback to null if no matching value
}));

Case 2: Code-Matching Pairing #

If your first 3 parameters are arrays of objects that include unique codes (e.g., [{code: "B2", value: 20}, ...]), use a Map for efficient lookups:

// Example: Param1 is an array of code-value objects
const param1 = [
  { code: "B2", value: 20 },
  { code: "A1", value: 10 },
  { code: "C3", value: 30 }
];
const param4 = ["A1", "B2", "C3"]; // Your dynamic code array

// Create a lookup map for fast code-to-value matching
const valueLookupMap = new Map(param1.map(item => [item.code, item.value]));

// Generate associated array by matching codes
const associatedArray = param4.map(code => ({
  uniqueCode: code,
  associatedValue: valueLookupMap.get(code) ?? "No matching value found"
}));

Matrices are 2D arrays, so we’ll cover two common pairing scenarios:

Case 1: Each Matrix Element Links to a Code #

Flatten the matrix to pair every element with a code, then optionally reattach to the original matrix structure:

const param2 = [[10, 20], [30, 40]]; // Example matrix
const param4 = ["A1", "B2", "C3", "D4"]; // Codes match total matrix elements

// Option 1: Flattened association
const flattenedMatrix = param2.flat();
const flattenedAssociated = param4.map((code, index) => ({
  uniqueCode: code,
  matrixValue: flattenedMatrix[index] ?? null
}));

// Option 2: Preserve matrix structure with code attached to each element
const matrixWithCodes = param2.map((row, rowIndex) => 
  row.map((value, colIndex) => {
    const flatIndex = rowIndex * row.length + colIndex;
    return {
      uniqueCode: param4[flatIndex] ?? null,
      value: value
    };
  })
);

Case 2: Each Matrix Row Links to a Code #

If you want to associate an entire row of the matrix with a single code (codes count matches matrix row count):

const param2 = [[10, 20], [30, 40]]; // 2 rows
const param4 = ["A1", "B2"]; // 2 codes

const matrixWithRowCodes = param2.map((row, index) => ({
  uniqueCode: param4[index],
  rowValues: row
}));

• Handle mismatched lengths: Always add fallbacks (like null or a default message) when the code array length doesn’t match your array/matrix size.
• Type safety: Convert form values to the correct type (e.g., parseInt for numbers) to avoid unexpected string behavior.
• Uniqueness guarantee: Since your 4th parameter is unique codes, you don’t need to deduplicate, but if you want to be safe, add const uniqueCodes = [...new Set(param4)]; to enforce uniqueness.

内容的提问来源于stack exchange，提问作者Carlos Rene Montano Arias