精华内容
下载资源
问答
  • js字符串切割成数组
    千次阅读
    2017-11-22 10:20:00
    var cheLin = "字*符*串"
    // console.log(cheLin)
    var array = cheLin.split("*");
     array=[ "字",,,,]

    转载于:https://www.cnblogs.com/dianzan/p/7877955.html

    更多相关内容
  • 主要介绍了JavaScript字符串对象split方法入门实例,split方法用于把字符串分割成数组,需要的朋友可以参考下
  • 字符串分割成数组

    2022-08-17 22:50:13
    如何将一个字符串分割成指定位数的数组,并使用他?

    如何 将一个字符串分割成指定位数的数组,并使用他?

    var str="123456789"
    var data = str.split("")
    var result = [];
    for(var i=0;i<data.length;i+=3){
        result.push(data.slice(i,i+3));
    }
    console.log(result)                //[Array(3), Array(3), Array(3)]
    console.log(result[0])             //['1', '2', '3']
    console.log(result[0][0])          //1
    

    展开全文
  • //在Javascript脚本中,将字符串按指定符号进行分割成数组用split()的方法 //格式StringObject.split( char [,howmany]); //char: 必需。字符串或正则表达式howmany: 可选。 //该参数可指定返回的...
  • js字符串分割为数

    千次阅读 2021-06-11 15:54:44
    js字符串分割为数 split() let str = '1,2,3,5,74,7,8' console.log(str.split(',')) // 输出 ["1", "2", "3", "5", "74", "7", "8"]

    js 将字符串分割为数组 split()

     let str = '1,2,3,5,74,7,8'
     
     console.log(str.split(','))
    
     // 输出 ["1", "2", "3", "5", "74", "7", "8"]
    
    展开全文
  • 我们在工作中,经常会遇到把字符串切割成数组的情况,官方也为我们提供了 stringObject.split(separator,howmany) 方法,实例: const str = '开心哈哈哈哈,悲伤哈哈哈,快乐哈哈哈,是你,开始,开心,悲伤' ...

    我们在工作中,经常会遇到把字符串切割成数组的情况,官方也为我们提供了 stringObject.split(separator,howmany) 方法,实例:

    const str = '开心哈哈哈哈,悲伤哈哈哈,快乐哈哈哈,是你,开始,开心,悲伤'
    console.log(str.split(','))
    
    // 结果
    // ['开心哈哈哈哈', '悲伤哈哈哈', '快乐哈哈哈', '是你', '开始', '开心', '悲伤']
    

    但它只能以 某一个字符 进行分割,并且分割完之后,该字符( split(‘开心’) 里的‘开心’ )会被 的 ‘,’ 替换掉,不能保留原始的 字符串。

    现在,我们有这样一个需求,把 ‘开心哈哈哈哈,悲伤哈哈哈,快乐哈哈哈,是你,开始,开心,悲伤’ 这个字符串,按照 [’‘开心’, ‘悲伤’] 这两个字符进行切分,并且得到的数组能够完全保留原始字符串

    // 输入
    const str = '开心哈哈哈哈,悲伤哈哈哈,快乐哈哈哈,是你,开始,开心,悲伤'
    
    // 处理
    const result = splitFun(str)
    
    // 输出
    console.log(result)
    ['开心', '哈哈哈哈,', '悲伤', '哈哈哈,快乐哈哈哈,是你,开始,', '开心', ',', '悲伤']
    
    
    //最终我们再把 输出的数组 渲染到页面上,能够得到 与原始字符串 完全相同的字符串
    
    // react:
    (result || []).map(item => <span>{item}</span>)
    
    // vue:
    <span v-for"item in result" :key="item">{{item}}</span>
    
    // 开心哈哈哈哈,悲伤哈哈哈,快乐哈哈哈,是你,开始,开心,悲伤
    
    

    思路梳理:

    1、 实现 字符串分割为数组 有很多方式:split, slice,正则表达式…等等方法,最简单的还是采用 split 。
    2、 虽然 split 一次只能以一个字符进行分割,但是我们通过 轮询(for循环)的方式,多执行几次,应该是可以达到效果:当我们 第一次把一个字符串 按照第一个字符 分割成为数组之后,还需要对数组里面的 每一项 按照第二个字符 进行分割, 以此类推 可以实现按照多个字符串进行分割。
    3、 split 以某个字符 切割完之后,这个字符就被替换为 ‘,’ 了,要想保留原始字符,必须在每次 split 之后,将这个字符插入进去。

    第一步:轮询 分割字符 数组

    // 为什么以数组的形式存放 该字符串:当我们 第一次把一个字符串 按照第一个字符 分割成为数组之后,
    // 还需要对数组里面的 每一项 按照第二个字符 进行分割,这是一个轮询的过程,
    // 所以,一开始我们就以一个数组的形式去存放初始数组。
    let array = ['开心哈哈哈哈,悲伤哈哈哈,快乐哈哈哈,是你,开始,开心,悲伤']
    
    const labels = ['开心', '悲伤']
    
    for(let i = 0; i < labels.length; i++) {
    	// 分割字符串操作
    	const twoArray = splitFunc(array, labels[i])
    }
    

    第二步:分割字符

    const splitFunc = (array, label) => {
    	// 定义 一个数组 去存放这一轮 最终被分割 好的数组
          const outArray = []
          
          // 循环 需要被分割的 数组字符串
          for(let i = 0; i < array.length; i++) {
          // 定义 一个数组 去存放 当前项 最终被分割 好的数组
            let newArr = []
            
            // 把 当前项 的字符串 按照 传进来 字符进行分割
            const splitArr = array[i].split(label)
            
            // 得到分割好的数组后,将被 替换为 ‘,’ 的 label 追加进数组的相应位置
            // 例如: ‘开心哈哈哈哈,悲伤哈哈哈,快乐哈哈哈,是你,开始,开心,悲伤’, 以 ‘开心’ 分割
            // 被分割为 ["", "哈哈哈哈,悲伤哈哈哈,快乐哈哈哈,是你,开始,", ",悲伤"]
            // , 每一项的末尾,就应该应该是 开心 二字,最后一项的末尾除外
            
    		// 遍历被分割好的数组
            for(let j = 0; j < splitArr.length; j++) {
            // 向被分割好的数组里 追加 label 字符
              newArr.push(splitArr[j])
              
              // 数组的末尾无需 追加
              if (j < splitArr.length -1) {
                newArr.push(label)
              }
            }
            
    		// 把当前轮得到 的数组 推到 outArray 里去
            outArray.push(newArr)
          }
          
          // 返回 outArray ,注意 outArray 是一个二维数组
          return outArray
    }
    

    第三步:轮询调用 splitFunc 函数

    for(let i = 0; i < labels.length; i++) {
    	 // 接收 当前轮 返回的 二维数组
          const twoArray = splitFunc(array, labels[i])
          // 将二维数组平铺成为 一维数组
          const oneArray = twoArray.reduce(function (a, b) { return a.concat(b)} )
          // 过滤掉一维数组里的空字符串,并把它重新赋值给 array, 
          // 下一轮循环将 切割 上一轮 已经被分割好的 数组
          array = oneArray.filter(item => item !== "")
     }
    
    // 最终循环结束的 array 就是被彻底分割好的数组
    

    最终代码:

    const splitFunc = (array, label) => {
          const outArray = []
          for(let i = 0; i < array.length; i++) {
            let newArr = []
            const splitArr = array[i].split(label)
            console.log('splitArr', splitArr)
            for(let j = 0; j < splitArr.length; j++) {
              newArr.push(splitArr[j])
              if (j < splitArr.length -1) {
                newArr.push(label)
              }
            }
            outArray.push(newArr)
          }
          return outArray
    }
    
     let array = ['开心哈哈哈哈,悲伤哈哈哈,快乐哈哈哈,是你,开始,开心,悲伤']
     const labels = ['开心', '悲伤']
    
     for(let i = 0; i < labels.length; i++) {
          const twoArray = splitFunc(array, labels[i])
          const oneArray = twoArray.reduce(function (a, b) { return a.concat(b)} )
          array = oneArray.filter(item => item !== "")
     }
    
     console.log('array', array)
    

    为什么需要如此麻烦的 将一个字符串 分割完成 之后,在组装渲染到页面上?

    主要是为了 这些字符里的 关键字符(也就是 需要被分割的字符),在渲染的时候,能够被我们所控制为他设置CSS样式,追加点击事件等等,达到动态的效果,如果仅仅是一个字符串被渲染到页面上,这些操作我们将无法控制。

    如果以上算法逻辑有不足之处,欢迎大家指出教导👏👏。

    展开全文
  • 经常会遇到要把字符串分割成数组的情况,在Java中只要调用split(",")方法就能把字符串分割成数组,在JS中也很简单同样也是调用split( "," )方法就可以做到。 在php中调用什么方法分割字符串呢?调用explode()方法 ...
  • js如何把字符串成数组对象

    千次阅读 2021-07-20 10:08:10
    js如何把字符串成数组对象
  • //这是一字符串 var strs= new Array(); //定义一数组 strs=str.split(“,”); //字符分割 for (i=0;i”); //分割后的字符输出 } [removed] JS中split的用法 代码如下: <!DOCTYPE html PUBLIC “-//W3C/...
  • js分割字符串转数

    万次阅读 2020-09-26 10:32:06
    1.js分割字符串转数 var str = '1,g,h,h,j'; var arr = str.split(','); 2.js移除数组中的空字符 function trimSpace(array){ for(var i = 0 ;i<array.length;i++) { if(array[i] == " " || array[i...
  • JS之split() 字符串分割成数组

    千次阅读 2019-05-31 18:06:00
    //这是一字符串 var strs = new Array(); //定义一数组 strs = str.split(","); //字符分割 for (i=0; i<strs.length; i++ ){  document.write(strs[i]+"<br/>"); //分割后的字符输出 } 输出结果: 2 2...
  • 1. 数组去重: Array.from(new Set(arr_name)) let arr1 = ['张三','李四','王五','李四','赵六','张三'];...2. 字符串分割成数组 str_name.split("分割条件","分割次数/默认全部") let str1 = "张三,李四,王五,李
  • js,按照长度把字符串分割成数组

    千次阅读 2018-09-25 15:32:38
    //按照长度4把字符串s分割成数组 var s='我1234567890'; if(s&lt;4){  var rs=[];  rs[0]=s;  alert(rs); }else{  var reg=/.{4}/g;  var rs=s.match(reg);//注意如果s的长度小于4,那么rs=null ...
  • js 字符串按情况分割成数组

    千次阅读 2020-04-13 17:01:09
    按情况分割 var arr="1.jpg;2.png;3.jpg;4.png"; console.log(arr.split(";")); // 每逢 ; 为一条
  • lua字符串转数,类似js里的split()和php里的explode()
  • split() 方法用于把一个字符串分割字符串数组。 注意: split() 方法不改变原始字符串。 var str = 'Begonia flower sleepless'; // 以空格分隔 var arr = str.split(' '); console.log(arr); // 以逗号分隔 var ...
  • // 字符切割 getStrList(str, n = 24) { // str----字符串 // n----多少个字为一 var strArr = []; for (var i = 0, l = str.length; i < l / n; i++) { var a = str.slice(n * i, n * (i + 1)); .
  • 题目:利用var s1=prompt(“请输入任意的字符串:”) ,可以获取用户输入的字符串,试编程将...1. 字符串转化为数:split() 方法功能:将字符串按某个字符切割成若干个字符串,并以数组形式返回 实例:输出
  • 字符串成数组的方法

    千次阅读 2021-08-16 16:59:47
    // 将字符串成数组 // split() 方法用于把一个字符串分割字符串数组。 let arr1 = str.split(''); // Array.from() 方法从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。 let arr2 = Array.from(str...
  • js分割字符串变成数组

    万次阅读 2017-05-31 10:13:14
    使用split方法切割字符串变成数组 <head></head> str = "1,2,3,4,5,6"; //这是一字符串 var strs = new Array(); //定义一数组 strs = str.split(","); //字符分割
  • javascript字符串如何转换成数组?下面本篇文章就来给大家介绍一下使用javascript字符串转换成数组的方法,希望对大家有所帮助。在javascript中,可以使用split()方法来将字符串转换成数组。split()方法用于把一...
  • 原理:先分割中括号,组成数组,将数组中的数据遍历出来,再分割双引号,再组成数组,然后将数组的基数设置为键,偶数设置为值,组成对象,添加到数组中 let info = “[{"license":"X...//拆分字符串 letregex=/{...
  • * 功能:把字符串转换为数字符串用换行隔开,数组元素去掉空的、前后空格的、有重复的 * 参数:str,用换行符隔开的字符串;json,可不传,传入true时返回对象{'arr':[1,2],'same':2} * 示例:strToArr(buyer...
  • JS-如何把字符串转换成数组

    万次阅读 2018-08-30 14:41:54
    var a = "... // 字符串 var b = a.split(","); // 将字符串按照","分割,存入数组b. // b数组中的值为:[1],[22],[33],[44] 这样遍历打印就不会将","打印出来了
  • js 字符串分割成数组再转化成对象

    千次阅读 2019-05-20 21:30:00
    var str = "name=张三&sex=1&address=中国"; var arr = str.split("&");//["name=张三", "sex=1", "address=中国"] var obj = {}; for(var i = 0;...var arr2 = arr[i].split("="...
  • &quot&semi;传成老树白茶&quot&semi;献礼母亲节 邀市民品茗感受茶文化5月8日下午,传成老树白茶巡回中国公益品鉴会第七十站,走进福州马尾区东方名城传成老树白茶文化馆....js开发指南---使用three&am...
  • 字符串转换成数组的几种情况

    千次阅读 2021-03-09 17:54:09
    1、字符串转换成数组 (1)splict()方法,方法内什么参数都不传时,该字符串整体为一个数组 例如: var a='abdcjw' console.log(a.split()) //结果为: ["abdcjw"] var b='asd,asd'; console.log(b.split()) //...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,354
精华内容 2,541
关键字:

js字符串切割成数组