使用JavaScript将字符串转换为字符数组

在JavaScript中,可以使用split()和Array.from()方法将字符串转换为字符串数组。下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

方法1:使用split()方法

split()方法用于将给定字符串拆分为字符串数组,该方法是使用参数中提供的指定分隔符将其分隔为子字符串。

语法:

str.split(separator, limit)

示例:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<p id="str">Welcome to here!</p>

<p id="arr"></p>

<script>

var str =document.getElementById("str").innerHTML;

document.getElementById("arr").innerHTML = str.split("");

</script>

</body>

</html>

输出:

Welcome to here!

W,e,l,c,o,m,e, ,t,o, ,h,e,r,e,!

方法2:使用Array.from()方法

Array.from()方法是javascript中的一个内置函数,它从给定的数组创建一个新的数组实例。对于字符串,字符串的每个字母表都会转换为新数组实例的元素;对于整数值,新数组实例simple将获取给定数组的元素。

语法:

Array.from(str)

示例:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<p id="str">Welcome to here!</p>

<p id="arr"></p>

<script>

var str = document.getElementById("str").innerHTML;

            document.getElementById("arr").innerHTML = Array.from(str);

</script>

</body>

</html>

输出:

Welcome to here!

W,e,l,c,o,m,e, ,t,o, ,h,e,r,e,!

更多前端开发知识,请查阅 HTML中文网 !!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,779评论 0 8
  • 简述JavaScript起源起源于美国的Netscape公司,原名为LiveScript,后改为JavaScrip...
    3ab670b99521阅读 8,238评论 0 0
  • JS基础 页面由三部分组成:html:超文本标记语言,负责页面结构css:层叠样式表,负责页面样式js:轻量级的脚...
    小贤笔记阅读 3,775评论 0 5
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,169评论 0 3
  • 100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 2,885评论 0 0

友情链接更多精彩内容