当前位置:网站首页>js中,字符串和数组互转(一)——字符串转为数组的方法
js中,字符串和数组互转(一)——字符串转为数组的方法
2022-07-06 12:51:00 【viceen】
js中,字符串和数组互转(一)——字符串转为数组的方法
实例
const string = 'uixdk';
// 1. 使用String.prototype.split()方法
string.split('');
// 2. 使用ES6解构运算符
[...string];
// 3. 使用Array.form()
Array.from(string);
// 4. 使用Object.assign()
Object.assign([], string);
//返回结果都是["u", "i", "x", "d", "k"]
方法1、使用split()方法——(推荐)
split()方法用于将字符串拆分为字符串数组,该方法是使用参数中提供的指定分隔符将其分隔为子字符串。
str.split(separator, limit)
参数:
- separator 可选。字符串或正则表达式,从该参数指定的地方分割 string Object。
- limit 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
1.1、 一般用法
用一般的字符,例如@或,等符号做分隔符
var str ="北京@北京市@海淀区@学院路";
var splitAdd = str.split("@");
console.log(splitAdd) // ["北京", "北京市", "海淀区", "学院路"]
1.2、需要转义的分隔符
当使用* ^ : | . \
等6个符号做分隔符时,上述6个符号转义字符,必须得加"",即split(“^”)等。
var str1 ="北京*北京市*海淀区*学院路";
var splitAdd1 = str1.split("\*");
console.log(splitAdd1) // ["北京", "北京市", "海淀区", "学院路"]
1.3、是空字符串
1
var str ="北京欢迎你";
var splitAdd3 = str.split("");
console.log(splitAdd3) // ['北', '京', '欢', '迎', '你']
2
var str="Welcome to here";
var n=str.split(" ");
console.log(n); // ['Welcome', 'to', 'here']
方法2、使用ES6扩展运算符
- 语句:
[...string]
var str ="北京欢迎你";
console.log([...str]); // ['北', '京', '欢', '迎', '你']
方法3、使用Array.from()方法——(推荐)
Array.from()方法是javascript中的一个内置函数,它从给定的数组创建一个新的数组实例。
对于字符串,字符串的每个字母表都会转换为新数组实例的元素;
对于整数值,新数组实例simple将获取给定数组的元素。
- 语法:
Array.from(str)
var str ="北京欢迎你";
console.log(Array.from(str)); // ['北', '京', '欢', '迎', '你']
方法4、使用“Object.assign([], string)”语句
var str ="北京欢迎你";
console.log(Object.assign([], str)); // ['北', '京', '欢', '迎', '你']
边栏推荐
- Performance test process and plan
- What is the difference between procedural SQL and C language in defining variables
- 【OpenCV 例程200篇】220.对图像进行马赛克处理
- 【mysql】触发器
- PHP saves session data to MySQL database
- Can novices speculate in stocks for 200 yuan? Is the securities account given by qiniu safe?
- Reference frame generation based on deep learning
- Use of OLED screen
- Taylor series fast Fourier transform (FFT)
- The mail command is used in combination with the pipeline command statement
猜你喜欢
【DSP】【第二篇】了解C6678和创建工程
Logic is a good thing
防火墙基础之外网服务器区部署和双机热备
硬件开发笔记(十): 硬件开发基本流程,制作一个USB转RS232的模块(九):创建CH340G/MAX232封装库sop-16并关联原理图元器件
Swagger UI tutorial API document artifact
No Yum source to install SPuG monitoring
性能测试过程和计划
Distributed ID
[MySQL] basic use of cursor
Laravel笔记-自定义登录中新增登录5次失败锁账户功能(提高系统安全性)
随机推荐
[asp.net core] set the format of Web API response data -- formatfilter feature
Entity alignment two of knowledge map
OSPF multi zone configuration
Kubernetes learning summary (20) -- what is the relationship between kubernetes and microservices and containers?
2022 construction electrician (special type of construction work) free test questions and construction electrician (special type of construction work) certificate examination
小孩子學什麼編程?
Tips for web development: skillfully use ThreadLocal to avoid layer by layer value transmission
Interviewer: what is the internal implementation of ordered collection in redis?
Select data Column subset in table R [duplicate] - select subset of columns in data table R [duplicate]
审稿人dis整个研究方向已经不仅仅是在审我的稿子了怎么办?
Yyds dry goods count re comb this of arrow function
I've seen many tutorials, but I still can't write a program well. How can I break it?
What is the difference between procedural SQL and C language in defining variables
每个程序员必须掌握的常用英语词汇(建议收藏)
Why do novices often fail to answer questions in the programming community, and even get ridiculed?
How to upgrade high value-added links in the textile and clothing industry? APS to help
Opencv learning example code 3.2.3 image binarization
Spiral square PTA
Deployment of external server area and dual machine hot standby of firewall Foundation
【OpenCV 例程200篇】220.对图像进行马赛克处理