JS字符串

作者: 饥人谷_廖珍 | 来源:发表于2016-08-26 14:14 被阅读25次

    字符串就是零个或多个排在一起的字符,放在单引号或双引号之中。
    1.字符串中的方法
    (1)用length获取长度

      var str='liaozhen'
      console.log(str.length)//8;
      str[0]//'l'
    
    • 截取字符串:
      (1)substr(a,b):a代表起始位置,b代表截取的个数。
      var str='liaozhen'
      console.log( str.substr(1,3));//'iao'
      (2)substring(a,b):a代表起始位置,b代表结束位置。
      var str='liaozhen'
      console.log( str.substring(1,3))//'ia'
    • 大小写转换:
      (1)转换为小写:toLowerCase()
      var str='LIAOZHEN';
      console.log(str.toLowerCase())//liaozhen
      (2)转换为大写:toUpperCase()
      var str='liaozhen';
      console.log(str.toUpperCase())//LIAOZHEN;
    • 字符串查找:search()返回字符串的起始位置,找不到为-1;
      var str='liaozhen';
      console.log(str.search('zhen'))//4
    • 字符串替换:replace(a,b)接受两个参数,b替换a;
      var str='liaozhen';
      console.log(str.replace('zhen','qing'))//'liaoqing'
    1. 用数组拼接成字符串,如把
      var prod = { name: '女装', styles: ['短款', '冬季', '春装']};拼接成<dl class="product"> <dt>女装</dt> <dd>短款</dd> <dd>冬季</dd> <dd>春装</dd></dl>
      function getTpl(data){
      var newarr=[];
      newarr.push('<dl class="product">');
      newarr.push("<dt>"+prod.name+"</dt>") ;
      for(e in prod.styles) {
      newarr.push("<dd>"+prod.styles[e]+"</dd>")
      }
      newarr.push("</dl>")
      return newarr.join("\n");
      };
      3.对象obj有个className属性,里面的值为的是空格分割的字符串(和html元素的class特性类似),写addClass、removeClass函数,有如下功能:
      var obj = { className: 'open menu'}
      addClass(obj, 'new') // obj.className='open menu new'
      addClass(obj, 'open') // 因为open已经存在,所以不会再次添加open
      addClass(obj, 'me') // me不存在,所以 obj.className变为'open menu new me'
      console.log(obj.className) // "open menu new me"
      removeClass(obj, 'open') // 去掉obj.className里面的 open,变成'menu new me'
      removeClass(obj, 'blabla') // 因为blabla不存在,所以此操作无任何影响

      function addClass(obj,cls) {
       var arr=obj.className.split(' ');
       for(var i=0;i<arr.length;i++) {
         if(cls===arr[i]) {
           return  arr.join(' ');
         }
       }
      return  obj.className+=' '+cls;
      }
      

    4.写一个camelize函数,把my-short-string形式的字符串转化myShortString
    形式的字符串
    function camelize(str) {
    var arr=str.split('-');
    if(arr.length===1) return str;
    for(var i=1;i<arr.length;i++) {
    arr[i]=arr[i][0].toUpperCase()+arr[i].substr(1);
    }
    return arr.join('');
    }

         function removeClass(obj,cls) {
         var arr=obj.className.split(' ');
         for(var i=0;i<arr.length;i++) {
          if(arr[i]===cls) {
          arr.splice(i,1);
        }
         }
         return arr.join(' ');
        }
    

    5.写一个 ucFirst函数,返回第一个字母为大写的字符 (***)ucFirst("hunger") == "Hunger"
    function ucFirst(str) {
    return str=str[0].toUpperCase()+str.substr(1)
    }
    6.写一个函数truncate(str, maxlength), 如果str的长度大于maxlength
    ,会把str截断到maxlength长,并加上...,
    function truncate(str,maxlength) {
    if(str.length>maxlength) {
    return str=str.substr(0,maxlength)+'...'
    }else return str;
    }

    相关文章

      网友评论

        本文标题:JS字符串

        本文链接:https://www.haomeiwen.com/subject/dqkasttx.html