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;
}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1、使用數組拼接出如下字符串 直接拼接法 數組拼接法 2、寫出兩種以上聲明多行字符串的方法 “+”連接 轉義符\ ...
    高進哥哥閱讀 373評論 0 0
  • 問答題 數組方法里push、pop、shift、unshift、join、split分別是什么作用。(*)答:pu...
    饑人谷_桶飯閱讀 227評論 0 0
  • 數組方法里push、pop、shift、unshift、join、split分別是什么作用。 (一)push/po...
    _fin閱讀 517評論 0 1
  • 剛無意中翻了我的扣扣簽名,發現這兩年我換了好多次簽名了…每一次都有些故事,可能懶得發說說就會換簽名,不知從何時起開...
    菜花的小青春閱讀 760評論 1 3
  • 《行星飯的你》 明天你是否會想起,飯上行星的你。 明天你是否會惦記,曾經的歡聲笑語。 他們都已經想不起,十二人的日...
    星星不會說話閱讀 169評論 0 0