字符串与JSON

2017-12-17 本文已影响0人 akena

使用数组拼接出如下字符串，其中styles数组里的个数不定

var prod = {
    name: '女装',
    styles: ['短款', '冬季', '春装']
};
function getTpl(data){
  var arr = []
  arr.push('<dl class="product">')
  arr.push('<dt>' + data.name + '</dt>')
  for (var key in data.styles) {
    arr.push('<dd>' + data.styles[key] + '</dd>')
  }
  arr.push('</dl>')
  var str = arr.join('')
  return str
};
var result = getTpl(prod);  //result为下面的字符串
console.log(result)

<dl class="product"><dt>女装</dt><dd>短款</dd><dd>冬季</dd><dd>春装</dd></dl>

写出两种以上声明多行字符串的方法，这段字符串很长，如何多行优雅的显示

var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
1. 在每一行的尾部使用反斜杠\
2. 连接运算符(+)拼接接多个单行字符串
3. 利用多行注释
(function() { /*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join('\n')

补全如下代码,让输出结果为字符串: hello\\饥人谷

var str = 'hello\\\\饥人谷'  //补全代码
console.log(str)

以下代码输出什么?为什么

var str = 'jirengu\nruoyu'
console.log(str.length)  //13，换行符 \n 占一个字符

写一个函数，判断一个字符串是回文字符串，如 abcdcba 是回文字符串, abcdcbb 不是

//方法一
(function isPalindrome(str) {
  var str = 'abcdcba'
  return str === str.split("").reverse().join("")
}())


//方法二
function isPalindrome(str) {
  str = str.toLowerCase();
  str = str.replace(/[\ \,\.\:\_\/\\\(\)\-]/g,'');
  for(var i=0,j=str.length-1;i<j;i++,j--){
    if(str.charAt(i) !== str.charAt(j)){
      return false;
    }
  }
  return true;
}
var str = 'abba'
var str1 = '12345'
console.log(isPalindrome(str))  //true
console.log(isPalindrome(str1))  //false

写一个函数，统计字符串里出现出现频率最多的字符

var str = 'hello '
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]
  }
}
console.log(count, maxValue)

写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串

function camelize(str) {
  var arr = str.toLowerCase().split("-")
  var result = ''
  for(var i = 1; i < arr.length; i++) {
    result += arr[i].substring(0,1).toUpperCase() + arr[i].substring(1);
  }
  var result = arr[0]+result
  return result;
}
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

写一个 ucFirst函数，返回第一个字母为大写的字符（***）

function ucFirst(str) {
  var str = str.replace(str.charAt(0), str.charAt(0).toUpperCase())
  return str
}
ucFirst("hunger") == "Hunger"

写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，

function truncate(str, maxlength) {
  if (maxlength < str.length) {
    return str.substr(0, maxlength) + '...'
  } else {
    return str
  }
}
truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"

什么是 JSON 格式数据？JSON 格式数据如何表示对象？window.JSON 是什么？

JSON 是一种轻量级的数据交换格式，指的是 JavaScript 对象表示法（JavaScript Object Notation），采用完全独立于语言的文本格式
JSON 对象是一个无序的 “键/值” 对的集合：“名称: 值”；一个对象以 “{” 开始，以“}” 结束；每个“名称”后跟一个“:”（冒号）；“‘名称: 值’ 对”之间使用 “,” 分隔
例如：{ "firstName": "John" , "lastName": "Doe" }
window.JSON是浏览器的内置对象，可用于判断浏览器是否兼容JSON的用法；例如 IE8 及以上版本才内置支持 JSON.parse() 和 JSON.stringify() 方法

如何把JSON 格式的字符串转换为 JS 对象？如何把 JS 对象转换为 JSON 格式的字符串?

JSON.parse() 方法用于将一个 JSON 字符串转换为对象
例如：JSON.parse('{"name": "Mark", "age": 50}')
JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串，可以被 JSON.parse() 还原
例如：JSON.stringify({name: "Mark", age: 50})

字符串与JSON

猜你喜欢

热点阅读