字符串與JSON

1、使用數組拼接出如下字符串

var prod = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
//todo...
};
var result = getTplStr(prod);  //result為下面的字符串
<dl class="product">
    <dt>女裝</dt>
    <dd>短款</dd>
    <dd>冬季</dd>
    <dd>春裝</dd>
</dl>

代碼如下:

var prod = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
    arr=[];
    arr.push('<dl class="product">');
    arr.push('<dt>'+data.name+'</dt>');
    for(var i=0;i<data.styles.length;i++){
        arr.push('<dd>'+data.styles[i]+'</dd>')
    }
    arr.push('</dl>');
    console.log(arr.join(""));
}
 getTpl(prod);

2、寫出兩種以上聲明多行字符串的方法

例如:

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'

這段字符串很長,如何多行優雅的顯示

代碼如下:

  1. 使用轉義字符\n
 var str1='abcdeabcde\nabcdeancdeabcdeabcdea\nbcdeancdeabcdeabcde\nabcdeancdeabcde\nabcdeabcdeancde'
  1. 使用轉移字符\ 空格
 var str1='abcdeabcde\
 \nabcdeancdeabcdeabcdea\
 \nbcdeancdeabcdeabcde\
 \nabcdeancdeabcde\
  \nabcdeabcdeancde'

3、補全如下代碼,讓輸出結果為字符串: hello\饑人谷

var str = "hello\\\\饑人谷"http://補全代碼
console.log(str)

4、以下代碼輸出什么?為什么

var str = 'jirengu\nruoyu'
console.log(str.length)  \\13 因為\n是轉義符,只占一個長度

5、寫一個函數,判斷一個字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是

var str="abcdcba";
function isReverse(str){
    return str.split('').reverse().join('')    
}
 var result = isReverse(str);
 if(result===str){
     console.log(str+"是回文字符串")
 }else{
     console.log(str+"不是回文字符串")
 }

6、寫一個函數,統計字符串里出現出現頻率最多的字符

var str="hello,everythone,this is my facebook";
var dist={};
for(var i=0;i<str.length;i++){
    if(dist[str[i]]){
        ++ dist[str[i]]
    }else{
        dist[str[i]]=1
    }
   
}
 //console.log(dist)
 var num=0;
 var max
 for(key in dist){
     if(dist[key]>num){
         num = dist[key]
         max = key
     }
 }
 console.log(num,max)

7、寫一個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().concat(arr[i].substring(1));
    }
    return arr.join('')
}
console.log(cameLize("my-short-string"));

8、寫一個 ucFirst函數,返回第一個字母為大寫的字符 (***)

function ucFirst(str){
    return str[0].toUpperCase().concat(str.substr(1));
}

9、寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength,會把str截斷到maxlength長,并加上...,如

function truncate(str,maxlength){
        var str2;
        if(maxlength>=str.length) {
            str2= str
        }else{
                str2 =  str.slice(0,maxlength)+'...';
            }
            return str2;
    }
var s1=truncate("hello, this is hunger valley,", 10) 
var s2=truncate("hello world", 2)
console.log(s1)
console.log(s2)

10、什么是 JSON格式數據?JSON格式數據如何表示對象?window.JSON 是什么?

  • json(javascript object notation)的縮寫是一種用于數據交換的文本格式,目的是取代繁瑣的xml。具有書寫簡單,一目了然,符號
    javascript原生語法,可以由解釋引擎直接處理,不用另外添加解析代碼。所以,json迅速被接受,成為es5標準的一部分。
  • var json1 = {"name": "Nick", "age": "7"}
  • window.JSON : 是瀏覽器內置對象。可用于判斷瀏覽器是否兼容JSON的用法.
if (!window.JSON) {
  window.JSON = {
    parse: function(sJSON) { return eval('(' + sJSON + ')'); },
    stringify: (function () {
      var toString = Object.prototype.toString;
      var isArray = Array.isArray || function (a) { return toString.call(a) === '[object Array]'; };
      var escMap = {'"': '\\"', '\\': '\\\\', '\b': '\\b', '\f': '\\f', '\n': '\\n', '\r': '\\r', '\t': '\\t'};
      var escFunc = function (m) { return escMap[m] || '\\u' + (m.charCodeAt(0) + 0x10000).toString(16).substr(1); };
      var escRE = /[\\"\u0000-\u001F\u2028\u2029]/g;
      return function stringify(value) {
        if (value == null) {
          return 'null';
        } else if (typeof value === 'number') {
          return isFinite(value) ? value.toString() : 'null';
        } else if (typeof value === 'boolean') {
          return value.toString();
        } else if (typeof value === 'object') {
          if (typeof value.toJSON === 'function') {
            return stringify(value.toJSON());
          } else if (isArray(value)) {
            var res = '[';
            for (var i = 0; i < value.length; i++)
              res += (i ? ', ' : '') + stringify(value[i]);
            return res + ']';
          } else if (toString.call(value) === '[object Object]') {
            var tmp = [];
            for (var k in value) {
              if (value.hasOwnProperty(k))
                tmp.push(stringify(k) + ': ' + stringify(value[k]));
            }
            return '{' + tmp.join(', ') + '}';
          }
        }
        return '"' + value.toString().replace(escRE, escFunc) + '"';
      };
    })()
  };
}

11、如何把JSON 格式的字符串轉換為 JS 對象?如何把 JS對象轉換為 JSON 格式的字符串?

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

推薦閱讀更多精彩內容

  • 0、對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么? 對于HTTP協議而言,html、...
    Taaaaaaaurus閱讀 287評論 0 1
  • 0、對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么? HTML就是符合HTML語法的字...
    怎么昵稱閱讀 1,627評論 0 3
  • 1.使用數組拼接出如下字符串 };```function getTpl(data){var arr = "";fo...
    湖衣閱讀 323評論 0 0
  • 使用數組拼接出如下字符串 var prod = {name: '女裝',styles: ['短款', '冬季', ...
    jamesXiao_閱讀 283評論 0 0
  • 0、對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么? 1.對于HTTP協議而言,htm...
    saintkl閱讀 587評論 0 0