多语言展示
当前在线:112今日阅读:22今日分享:22

如何用js让前后字符互换位置

在js中,可将字符串使用split() 方法转换成数组,再对数组进行处理,实现前后字符互换。下面小编举例讲解如何用js让前后字符互换位置。
工具/原料
1

html+js

2

代码编辑器:Dreamweaver CS5

方法/步骤
1

新建一个html文件,命名为test.html,用于讲解如何用js让前后字符互换位置。

2

在test.html文件内,在p标签内,使用input标签创建一个字符串输入框。

3

在test.html文件内,设置input标签的id为mystring,主要用于下面通过该id获得input对象。

4

在test.html文件内,使用button标签创建一个按钮,按钮名称为“前后字符互换位置”,给button按钮绑定onclick点击事件,当按钮被点击时,执行editstr()函数。

5

在js标签中,创建editstr()函数,在函数内,使用getElementById()方法通过id获得输入框的字符串,再使用split()方法将字符串转换为数组arr。

6

在editstr()函数内,再使用splice()方法取得第二个元素,将取得的元素数组与arr数组使用concat()方法组成一个新数组,这个数组就是互换字符后的数组,将该数组通过join()方法连接成字符串,通过alert()方法输出。

7

在浏览器打开test.html文件,输入字符,点击按钮,查看结果。

总结:

1、创建一个test.html文件。 2、在文件内,使用input标签创建一个字符串输入框,同时创建一个button按钮,用于触发执行js函数。 3、在js标签内,创建函数,在函数内,使用getElementById()方法通过id获得输入框的字符串,再使用split()方法将字符串转换为数组arr。 4、在函数内,再使用splice()方法取得第二个元素,将取得的元素数组与arr数组使用concat()方法组成一个新数组,这个数组就是互换字符后的数组,将该数组通过join()方法连接成字符串,通过alert()方法输出。

注意事项

concat()方法用于将一个或多个数组组合成一个数组。

推荐信息