¿Cómo pasar una matriz como parámetro de URL?

Me gustaría pasar una matriz y agregarla a un enlace en mi página como un parámetro de URL, porque más adelante en el lado del servidor necesito los valores de la matriz. ¿Cómo debo hacer eso?

myArray = ['aaa', 'bbb', 'ccc'];

$('#myLink').attr({"href" : '/myLink?array=' + myArray});

No estoy seguro de si esa es la forma correcta de hacer esto.

Puede serializar el JSON:

myArray = ['aaa', 'bbb', 'ccc'];
var arrStr = encodeURIComponent(JSON.stringify(myArray));
$('#myLink').attr({ href: '/myLink?array=' + arrStr });

Si su análisis (en la página siguiente) también se realiza a través de JavaScript, usará a la inversa JSON.parse(). En PHP sería json_decodificar().

No debería depender del lado del servidor: según la especificación estándar de URI, todos los parámetros deben tener un nombre y un valor. Pero puede haber varios parámetros con el mismo nombre, que es la forma correcta de serializar una matriz:

http://servidor/contexto?array=aaa&array=bbb&array=ccc&otherparameter=x

Podrías hacerlo así:

var s="";
for (var i=0;i< myArray.length;i++)
{
  s+="&myArray="+myArray[i];
}
var url="http://server/context?"+s;

prueba esto

$('#myLink').attr({"href" : '/myLink?array=' + myArray.join(',')});

en el servidor: capturar y dividir datos.

Cómo pasar una matriz de cadenas como parámetros de URL:

const myLink = 'https:/example.com/api'
const myArray = ['aaa', 'bbb', 'ccc'];
let apiUrl = `${myLink}/query?`;

myArray.forEach((x, i) => {
  if (i === 0) {
    apiUrl += `array=${x}`;
  } else {
    apiUrl += `&array=${x}`;
  }
});

console.log(apiUrl);
document.body.innerHTML = apiUrl;

Mi acercamiento:

var myArray = ['aaa', 'bbb', 'ccc'];
var baseUrl="/myLink";
var paramName="array=";

var arrayAsString = '?' + paramName + myArray.join('&' + paramName);
var urlWithParams = baseUrl + arrayAsString;

window.location.href = urlWithParams;

Otra forma de hacerlo es la siguiente

import Router from 'next/router'

Router.push({
  pathname: '/search',
  query: {searchTerm: searchRef.current ? searchRef.current["value"] : '', codeSets: JSON.stringify(selectedCodeSets)}
}, '/search');

selectedCodeSets en este ejemplo es una matriz de datos de estado

const [selectedCodeSets, setSelectedCodeSets] = useState<any>(['1']);

Podemos analizar esos datos en la página dirigida como a continuación

import {withRouter} from 'next/router'

const DaComponent = (props) => {
  useEffect(() => {
        let codeSets = JSON.parse(props.router.query.codeSets);
  }, [props.router]);
};

export default withRouter(DaComponent);

myArray = ['aaa', 'bbb', 'ccc'];
myArrString = JSON.stringify(myArray.join("_"))

$('#myLink').attr({"href" : `/myLink?array=${myArrString}`});

Y luego, cuando lo necesite más adelante, puede analizarlo y luego recuperar su matriz así

JSON.parse(myArrString).split("_")