如何用JavaScript将JSON值转为指定格式字符串以用于复制到剪贴板

核心转换逻辑 #

要把JSON对象的值转为目标格式的空格分隔字符串，用Object.values()提取所有值后再拼接是最直接的方案：

const data = {"name":"my name","class":"A","group":"my group","source":"internal"};
const formattedStr = Object.values(data).join(' ');
// 输出结果: "my name A my group internal"

• Object.values(data)：返回对象所有属性值组成的数组，顺序与对象属性的插入顺序一致（ES6及以上规范）
• join(' ')：将数组元素用单个空格连接成目标格式的字符串

实现复制到剪贴板 #

结合现代浏览器API实现剪贴板复制，同时提供降级方案兼容旧环境：

async function copyToClipboard(text) {
  try {
    // 优先使用现代异步剪贴板API
    await navigator.clipboard.writeText(text);
    console.log('内容已复制到剪贴板');
  } catch (err) {
    console.warn('现代剪贴板API不可用，使用降级方案:', err);
    // 降级：通过临时textarea元素实现复制
    const textarea = document.createElement('textarea');
    textarea.value = text;
    textarea.style.position = 'absolute';
    textarea.style.left = '-9999px'; // 隐藏元素避免干扰页面
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
    console.log('降级方案复制成功');
  }
}

// 调用复制函数
copyToClipboard(formattedStr);

注意事项 #

• navigator.clipboard仅在安全上下文（HTTPS协议或localhost）中可用
• 若对属性顺序有严格要求，确保运行环境遵循ES6+的属性顺序规则（按插入顺序排列）

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