适合小程序使用的将对象数组转换为参数字符串方法

适合小程序使用的将对象数组转换为参数字符串方法

javascript 复制代码
function objectArrayToQueryString(arr) {
  let queryString = '';
  arr.forEach((obj, index) => {
    let query = '';
    Object.keys(obj).forEach((key, keyIndex) => {
      query += `${key}=${encodeURIComponent(obj[key])}`;
      if (keyIndex < Object.keys(obj).length - 1) {
        query += '&';
      }
    });
    if (index < arr.length - 1) {
      queryString += `${query}&`;
    } else {
      queryString += query;
    }
  });
  return queryString;
}

// 使用示例
const array = [{a: '1', b: '2'}, {c: '3', d: '4'}];
const queryString = objectArrayToQueryString(array);
console.log(queryString); // 输出: a=1&b=2&c=3&d=4
相关推荐
北极星日淘11 小时前
前端 i18n 中日双语交互 + 翻译客服接口联动方案|日系海淘平台中文友好化开发实战
前端·交互
現実逃避と11 小时前
WIN10 Edge连续关闭多个标签页导致资源管理器崩溃临时解决办法
前端·edge
HjhIron11 小时前
CSS 3D 世界:从盒子模型到三维空间动画
javascript·css
VidDown12 小时前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
jay神12 小时前
基于 FastAPI + Vue 的宠物领养管理系统
前端·vue.js·python·毕业设计·fastapi·宠物
lichenyang45312 小时前
鸿蒙 Web 容器(五·完结):闭环回传、容器治理,兼谈 AtomicServiceEnhancedWeb
前端
lichenyang45312 小时前
鸿蒙 Web 容器(四):ArkTS 拿到请求后,怎么「按 action 找能力」?
前端
lichenyang45312 小时前
鸿蒙 Web 容器(三):H5 怎么「调」到 ArkTS?
前端
代码不加糖12 小时前
Proxy能够监听到对象中的对象的引用吗?
开发语言·前端·javascript
光影少年12 小时前
react 原理与进阶
前端·react.js·掘金·金石计划