JavaScript字符串处理技巧：去重、映射与奇偶位重组

作者：代码拾荒时间：2026-10-23 06:11:39浏览：349

本文介绍几种JavaScript字符串处理技巧，包括利用indexOf进行字符串去重、通过对象键值映射实现字符转换，以及将字符串按奇偶位拆分后重新拼接的方法。内容涵盖基础算法逻辑与代码实现，适合前端开发者参考学习。

字符串去重实现

字符串去重

去重代码逻辑


function uniqStr(str) {
  var str = str.split('');
  var zarr = [];
  for (var i = 0; i < str.length; i++) {
    if (zarr.indexOf(str[i]) === -1) {
      zarr.push(str[i])
    }
  }
  return str.join('')
}

基于对象的字符映射拼接

将字符放在对象中遍历拼接出字符串

字符映射代码示例


function sc(str) {
  var obj = {
    r: "s",
    o: "i",
    t: "c",
    n: "u",
    F: "a"
  };
  var g = Object.keys(obj).concat(Object.values(obj));
  var str = str.split('/');
  var sr = '';
  for (var i = 0; i < str.length; i++) {
    sr = sr + g[str[i]];
  }
  return sr;
}
sc("4/8/3/7/2/6/1/3");//"constructor"
sc("7/1/3/5/2/0/8/7/2/1/0")//"Function"

字符串奇偶位拆分

把字符串的奇数位和偶数位分别提取到两个数组中

奇偶位提取代码


var str = "abcdef";
var a = str.split('');
var b = [];
var c = [];
for (var i = 0; i < a.length; i++) {
  if (i % 2 === 0) {
    b.push(a[i]);
  } else {
    c.push(a[i]);
  }
}

奇偶位重组拼接

将两个数组按奇数位和偶数位插入拼接为字符串

重组拼接代码


function jiou(b, c) {
    var b = b.split('');
    var c = c.split('');
    var m = [];
    for (var i = 0; i < b.length; i++) {
      m.push(1 + i * 2);
    }
    for (var j = 0; j < c.length; j++) {
      b.splice(m[j], 0, c[j])
    }
    return b.join('');
  };

总结

好了这篇文章就介绍到这了，感谢js猫同学的分享。

作者最新文章

JavaScript异步发送HTTP请求时怎么优雅地处理错误

2026-11-05 17:10:44

5款主流JS在线运行工具对比：CodePen、JSFiddle与StackBlitz怎么选

2026-11-05 17:04:04

JavaScript入门书籍避坑：这些书不适合初学者

2026-11-05 16:31:15

JS使用Math.round实现保留两位小数的原理与代码

2026-11-05 15:35:55

JavaScript 原生 Date 对象怎么实现日期加减

2026-11-05 14:30:00