• js中,字符串和数组互转(一)——字符串转为数组的方法


    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
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

    方法1、使用split()方法——(推荐)

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

    str.split(separator, limit)
    
    • 1

    参数:

    • separator 可选。字符串或正则表达式,从该参数指定的地方分割 string Object。
    • limit 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
    1.1、 一般用法

    用一般的字符,例如@或,等符号做分隔符

    var str ="北京@北京市@海淀区@学院路";
    var splitAdd = str.split("@");
    console.log(splitAdd) // ["北京", "北京市", "海淀区", "学院路"]
    
    • 1
    • 2
    • 3
    1.2、需要转义的分隔符

    当使用* ^ : | . \等6个符号做分隔符时,上述6个符号转义字符,必须得加"",即split(“^”)等。

    var str1 ="北京*北京市*海淀区*学院路";
    var splitAdd1 = str1.split("\*"); 
    console.log(splitAdd1)  // ["北京", "北京市", "海淀区", "学院路"]
    
    • 1
    • 2
    • 3
    1.3、是空字符串

    1

    var str ="北京欢迎你";
    var splitAdd3 = str.split("");
    console.log(splitAdd3)  // ['北', '京', '欢', '迎', '你']
    
    • 1
    • 2
    • 3

    2

    var str="Welcome to here";
    var n=str.split(" ");
    console.log(n);  //  ['Welcome', 'to', 'here']
    
    • 1
    • 2
    • 3

    方法2、使用ES6扩展运算符

    • 语句:[...string]
    var str ="北京欢迎你";
    console.log([...str]);  //  ['北', '京', '欢', '迎', '你']
    
    • 1
    • 2

    方法3、使用Array.from()方法——(推荐)

    Array.from()方法是javascript中的一个内置函数,它从给定的数组创建一个新的数组实例。

    对于字符串,字符串的每个字母表都会转换为新数组实例的元素;

    对于整数值,新数组实例simple将获取给定数组的元素。

    • 语法:Array.from(str)
    var str ="北京欢迎你";
    console.log(Array.from(str));  //  ['北', '京', '欢', '迎', '你']
    
    • 1
    • 2

    方法4、使用“Object.assign([], string)”语句

    var str ="北京欢迎你";
    console.log(Object.assign([], str));   //  ['北', '京', '欢', '迎', '你']
    
    • 1
    • 2
  • 相关阅读:
    CVPR2022 | MPViT: Multi-Path Vision Transformer for Dense Prediction
    OPenSSL-生成证书
    Win32 位图直接绘制
    使用DataSecurity Plus可以快速检测威胁并自动响应事件
    微信小程序-生成canvas图片并保存到手机相册
    Linux权限
    正则表达式贪婪模式和非贪婪模式
    LED:视展VSD控制卡网口闪烁不能访问
    python使用tkinter实现学生信息管理系统(下)
    RabbitMQ 和 Kafka有什么异同?
  • 原文地址:https://blog.csdn.net/weixin_44867717/article/details/125633379