JS中实现字符串和数组的相互转化
2022/10/1 14:19:41
本文主要是介绍JS中实现字符串和数组的相互转化,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
早上起来看了一道JS的面试题,是这样描述的:利用var s1=prompt("请输入任意的字符串","")可以获取用户输入
的字符串,试编程将用户输入的字符串“反转”,并且将字符串输出。
想了一下,字符串对象的方法中并没有实现反转的,但是数组中有,于是考虑了字符串和数组的相互转换问题。
JS中的内置对象中包括字符串对象(String)和数组对象(Array),这两个对象是可以通过它们对象的方法实现相互
转化的。对于String对象,提供了对字符串进行操作的属性和方法;对于Array对象,提供了数组操作方面的属性和方
法。因此我们实现上面的面试题就容易了。
一首先来看字符串转化为数组
String对象中的split()方法
上述方法的功能是:将一个字符串切割成若干段,返回一个数组。也就是说,可以将一个字符串转成数值。如:
strObj.split(分割号),参数是一个分割号的字符串,用指定的分割号将字符串切成若干段。
实例:
<span style="font-size:18px;">//要求输出今天是星期几 //定义一个星期字符串 var str="星期日,星期一,星期二,星期三,星期四,星期五,星期六"; //创建一个日期对象 var today=new Date(); //使用today对象的getDay()方法 var week=today.getDay(); //将星期字符串分割成一个数组 var arr=str.split(","); document.write("类型是:"+typeof(arr)+",数组的第一个元素是:"+arr[0]+"<br />"); //输出结果 document.write("今天是:"+arr[week]);</span>
输出的结果是:类型是:object,数组的第一个元素是:星期日
今天是:星期五
二再来看数组转换为字符串和数组元素实现反转
Array对象的join()方法
上述方法的功能是:将一个数组转成字符串。如:arrObj.join(连接号),将一个数组用指定的连接号链接成一个字
符串。
实例:
<span style="font-size:18px;">var arr=["a","b","c"]; var str=arr.join("-"); document.write("类型是:"+typeof(str)+",字符串是:"+str);</span>
输出的结果是:类型是:string,字符串是:a-b-c
Array对象的reverse()方法
上述方法的功能是:将数组中各元素颠倒顺序。如:arrObj.reverse()。
实例:
<span style="font-size:18px;">var arr=["a","b","c"]; arr.reverse(); document.write(arr);</span>输出的结果是:c,b,a
三最后我们来看面试题的实现代码:
<span style="font-size:18px;">/* 利用var s1=prompt("请输入任意的字符串","")可以获取用户输入 的字符串,试编程将用户输入的字符串“反转”,并且将字符串输出。 */ //接受字符串 var s1=prompt("请输入任意的字符串",""); //字符串转换为数组 var arr=s1.split(""); //利用数组对象的reverse()方法实现反转 arr.reverse(); //利用数组的join()方法转换为字符串 var str=arr.join(""); document.write(str);</span>实现的结果:
这篇关于JS中实现字符串和数组的相互转化的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法
- 2024-11-14useState开发:React中的状态管理入门教程