前端萌新面试：手写代码JS实现字符串反转

前言

因为做前年小红书的前端校招面试题，发现出现好几道关于字符串对象和数组对象的题目，说难不难，但突然要写的话一时想不起来，这不想着做个小总结。

首先明白字符串是不可变的，不可变的字符串数据类型要实现动态反转，需要借助数组来实现

知识点

String对象：

split()：把字符串分割成字符串数组（split()不改变原始字符串）

stringA.split(separator,limitArrayLength)看似复杂的参数，其实它们都是可选值

separator分隔符，可选项，意思是stringA要以什么样的分隔符作为标识分隔

limitArrayLength可选项，指定返回的数组的最大长度

split() 方法相当于是将string对象转变成Array对象
split("")相当于["how are you"] => ['h', 'o', 'w', ' ', 'a', 'r', 'e', ' ', 'y', 'o', 'u']，字符默认一个一个分割
split()相当于["how are you"] => ['how are you']，相当于将字符串对象转化为数组对象
split(" ")相当于["how are you"] => ['how', 'are', 'you']，以空格作为分割符
split("o", 3)相当于["how are you doing in this morning?"] => ['h', 'w are y', 'u d']，以字母o作为分割符，返回数组长度为3

charAt()：返回指定位置的字符，从0开始

stringA.charAt(index),index必需项，字符索引

Array对象：

reverse()：用于颠倒数组中元素的顺序

join()：用于把数组中所有元素转换连接成一个字符串

ArrayA.join(separator)看似复杂的参数，其实它们都是可选值

separator可选项，指定要使用的分隔符，默认使用逗号分割

join() 方法相当于是将Array对象转变成string对象
join("")相当于["red", "pink", "black"] => redpinkblack，可以这样理解，有设置分隔符，分隔符无
join()相当于["red", "pink", "black"] => red,pink,black，默认使用逗号分割

JavaScript中字符串和数组的区别：

JavaScript中字符串是不可变的，数组是可变的

字符串不可变是指字符串对象的操作方法不会改变其原始值，而是创建并返回一个新的字符串

数组对象的操作方法都是在其原始值上操作的

数组有reverse()方法

个人理解是正是因为字符串没有reverse()方法，所以才要通过转化为数组来实现

三种实现方法

使用字符串和数组的成员函数实现

function getStr(string) {
    let newStr = string.split("").reverse().join(""); //详细解释见前知识点部分
    return newStr;
}
console.log(getStr("hello world!"));//!dlrow olleh

利用for语句反向遍历字符串，只用`charAt()` 方法

function getStr2(string) {
    var newStr = [];
    for (let i = string.length - 1, j = 0; i >= 0; i--, j++) { //j => newStr,  i => string
        newStr[j] = string[i];
    };
    return newStr.join("");
}
console.log(getStr2("abcdef"));//fedcba

只用`join()` 方法

function getStr3(string) {
    if (string.length == 0) return null;
    var i = string.length;
    var dstr = "";
    while (--i >= 0) {
        dstr += string.charAt(i);
    }
    return dstr;
}
console.log(getStr3("fedcba"));//abcdef