JS字符串

字符串就是零个或多个排在一起的字符,放在单引号或双引号之中。
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;
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容