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

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

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
相关推荐
dyb-dev18 分钟前
我是如何学习 NestJS 的
前端·nestjs·全栈
kyriewen33 分钟前
重排、重绘、合成:浏览器渲染的“三兄弟”,你惹不起也躲不过
前端·javascript·浏览器
NickJiangDev37 分钟前
Elpis-Core 技术解析:从零构建一个基于 Koa 的企业级 Node.js 框架内核
前端
我要让全世界知道我很低调38 分钟前
来聊聊 Codex 高效编程的正确姿势
前端·程序员
NickJiangDev40 分钟前
Elpis Webpack 工程化实战:Vue 多页应用的构建体系搭建
前端
米饭同学i40 分钟前
GitLab CI/CD + Vue 前端 完整方案
前端
yuki_uix43 分钟前
遇到前端题目,我现在会先问自己这四个问题
前端·面试
Wect43 分钟前
JS 手撕:对象创建、继承全解析
前端·javascript·面试
PeterMap1 小时前
Vue.js全面解析:从入门到上手,前端新手的首选框架
前端·vue.js
3秒一个大1 小时前
深入理解 JS 中的栈与堆:从内存模型到数据结构,再谈内存泄漏
前端·javascript·数据结构