字符串與JSON

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

name: '女裝',
styles: ['短款', '冬季', '春裝']

};```
function getTpl(data){
var arr = "";
for(var key in data){
if(typeof data[key] === 'string'){
arr += '\t' + '<dt>' + data[key] + '</dt>' + '\n';
}else{
for(var i = 0; i < data[key].length;i++){
arr += '\t' + '<dd>' + data[key][i] + '</dd>' + '\n';
} } }
return '<dl class="product">' + '\n'+ arr + '</dl>';
}
var result = getTpl(prod);
console.log(result);
<dl class="product">
<dt>女裝</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春裝</dd>
</dl>

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

方法一:在每一行的尾部使用反斜杠。

long \
long \
string";```

```longString
// "Long long long string"```

方法二:連接運算符(+)可以連接多個單行字符串,用來模擬多行字符串。
`var longString = 'Long '`
 ` + 'long '`
  `+ 'long '
  `+ 'string';`

方法三:利用多行注釋,生成多行字符串。
```(function () { /*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join('\n')
// "line 1 line 2 line 3"```

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

```var str = 'hello\\\\\\饑人谷' //補全代碼
console.log(str)```

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

```var str = 'jirengu\nruoyu'
console.log(str.length)```

輸出:13
因為反斜杠為轉義符,'\n'表示一個字符

####5、寫一個函數,判斷一個字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是
```function judge(str){
  return str === str.split('').reverse().join('')
}
str1='abcdcba'
console.log(judge(str1))
str2='abcdcbb'
console.log(judge(str2))```

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

```function countMax(str){
  var dict={}
  for(var i=0;i<str.length;i++){
    if(dict[str[i]]){
      ++dict[str[i]]
    }else{
      dict[str[i]]=1;
    }   
  }
  var count=0
  var maxValue
  for(key in dict){
    if(dict[key]>count){
      maxValue=key
      count=dict[key]
    }
  }
  return maxValue+':'+count
}
var str='ahsbdf kkklou mhsd'
console.log(countMax(str))```

####7、寫一個camelize函數,把my-short-string形式的字符串轉化成myShortString形式的字符串,如camelize("background-color") == 'backgroundColor'  camelize("list-style-image") == 'listStyleImage'

```function camelize(str){
  var arr = str.split("-");
  var newArr = []
  for(var i=0; i<arr.length; i++){
    if(i>0){
      newArr.push(arr[i].replace(arr[i][0],arr[i][0].toUpperCase()))
    }else{
      newArr.push(arr[i])
    }
  }
  return newArr.join('')
}
var str="back-ground-color"
console.log(camelize(str))```

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

```function ucFirst(str){
  var s2 = str.replace(str[0], str[0].toUpperCase()); 
  return s2;
}
var str="hunger"
console.log(ucFirst(str))```

####9、寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength,會把str截斷到maxlength長,并加上...,如
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"

```function truncate(str,maxlength){
  if(str.length>maxlength){
    var sub1 = str.substr(0, maxlength) + '...';
  }else{
    var sub1 = str.substr(0, str.length);
  }
  return sub1
}
console.log(truncate("hello world", 20))
console.log(truncate("hello, this is hunger valley,", 10))```

####10、什么是 json?什么是 json 對象?什么是 json 對象字面量?什么是 JSON內置對象?
- JSON:
JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一個子集。 JSON采用完全獨立于語言的文本格式,但是也使用了類似于C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。這些特性使JSON成為理想的數據交換語言。 易于人閱讀和編寫,同時也易于機器解析和生成(網絡傳輸速度)。
JSON是一種語法用來序列化對象、數組、數值、字符串、布爾值和 null
它基于 JavaScript 語法,但與之不同:一些JavaScript不是JSON,一些JSON不是JavaScript。

- json對象:
每個JSON對象,就是一個值。要么是簡單類型的值,要么是復合類型的值,但是只能是一個值,不能是兩個或更多的值。這就是說,每個JSON文檔只能包含一個值。
JSON對象,其實就是JSON的值,基本要符合以下規則:
復合類型的值只能是數組或對象,不能是函數、正則表達式對象、日期對象。
簡單類型的值只有四種:字符串、數值(必須以十進制表示)、布爾值和null(不能使用NaN, Infinity, -Infinity和undefined)。
字符串必須使用雙引號表示,不能使用單引號。
對象的鍵名必須放在雙引號里面。
數組或對象最后一個成員的后面,不能加逗號。

- json對象字面量:
本身json就是JavaScript語法集的一種,所以json字面量就是用json格式的JavaScript對象字面量。JavaScript對象字面量屬性不用引號也可以,而且值可以是任何類型,函數,undefined或者是正則。
```var json = {
  "name": "Byron",
  "age": 24
};```

- json內置對象:
由JSON的字符串轉換成的json對象即經過JSON.parse()轉換的值。


####11、如何把JSON 格式的字符串轉換為對象?如何把對象轉換為 JSON 格式的字符串?
stringify:把JSON對象轉化為字符串 JSON.stringify(str)
parse:把字符串轉化為JSON對象 JSON.parse(JSON.stringify(str))
```var json = {
  "name": "Byron",
  "age": 24
};
var json_str = JSON.stringify(json);
console.log(json_str);
console.log(JSON.parse(json_str));```
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 0、對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么? 1.對于HTTP協議而言,htm...
    saintkl閱讀 587評論 0 0
  • 1、使用數組拼接出如下字符串 2、寫出兩種以上聲明多行字符串的方法 例如: var str = 'abcdeabc...
    饑人谷_Leon閱讀 297評論 0 0
  • 0、對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么? HTML就是符合HTML語法的字...
    怎么昵稱閱讀 1,632評論 0 3
  • 1、使用數組拼接出如下字符串 直接拼接法 數組拼接法 2、寫出兩種以上聲明多行字符串的方法 “+”連接 轉義符\ ...
    高進哥哥閱讀 373評論 0 0
  • 什么是JSON?什么是JSON語言?JSON 語言如何表示對象?window.JSON 是什么?如何把JSON 格...
    LeeoZz閱讀 523評論 0 0