JSON、Array基础知识

1、JSON 格式的数据需要遵循什么规则

JSON 格式（JavaScript Object Notation 的缩写）是一种用于数据交换的文本格式，2001年由 Douglas Crockford 提出，目的是取代繁琐笨重的 XML 格式。

JSON格式基本规则

• 并列的数据之间用逗号（", "）分隔。
• 映射用冒号（": "）表示。
• 并列数据的集合（数组）用方括号("[]")表示。
• 映射的集合（对象）用大括号（"{}"）表示。

另外JSON 对值的类型和格式有严格的规定

• 复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。
• 简单类型的值只有四种：字符串、数值（必须以十进制表示）、布尔值和null（不能使用NaN, Infinity, -Infinity和undefined）。
• 字符串必须使用双引号表示，不能使用单引号。
• 对象的键名必须放在双引号里面。
• 数组或对象最后一个成员的后面，不能加逗号。

以下是合格的JSON格式

["one", "two", "three"]

{ "one": 1, "two": 2, "three": 3 }

{"names": ["张三", "李四"] }

[ { "name": "张三"}, {"name": "李四"} ]

{}

[]

null

以下是不合格的写法

{ name: "张三", 'age': 32 }  // 属性名必须使用双引号

[32, 64, 128, 0xFFF] // 不能使用十六进制值

["one","two","three",] //最后边不要加逗号

{ "name": "张三", "age": undefined } // 不能使用undefined

{ "name": "张三", "age": null, } // 最后边不要加逗号

{ "name": "张三",
  "birthday": new Date('Fri, 26 Aug 2011 07:13:10 GMT'),
  "getName": function() {
      return this.name;
  }
} // 不能使用函数和日期对象

2、使用 JSON 对象实现一个简单的深拷贝函数(deepCopy)

思路：用JSON.stringify方法用于将一个值转为字符串。该字符串符合 JSON 格式，并且可以被JSON.parse方法还原。使用JSON.parse方法将JSON字符串转化成对象。

var oldObj={
  name:{
    firstName:'Jim',
    lastName:'King'
  },
  age:'24'  
}
function clone(obj){
  var newObj;
  newObj=JSON.parse(JSON.stringify(obj));
  return newObj;
}
var cloneObj=clone(oldObj)
console.log(cloneObj)

/*
[object Object] {
  age: "24",
  name: [object Object] {
    firstName: "Jim",
    lastName: "King"
  }
}
*/

cloneObj.name.firstName='Tom'
cloneObj.age='18'
console.log(cloneObj.name.firstName+cloneObj.age) //"Tom18"
console.log(oldObj.name.firstName+oldObj.age)　　//"Jim24

注意：JSON.stringify方法会忽略对象的不可遍历属性，如函数、正则表达式对象、日期对象等。所以这种深拷贝方法有局限性。

3、数组方法里push、pop、shift、unshift、join、splice分别是什么作用？用 splice函数分别实现push、pop、shift、unshift方法

• 数组方法归纳：

方法	用法	说明
push	Array.push(str)	在数组最后添加一个或多个元素
pop	Array.pop()	把数组最后一位弹出来，返回
unshift	Array.unshift(str)	在数组最前边添加一个或多个元素
shift	Array.shift()	把数组第一位拿出来返回，数组发生变化
join	Array.join(separator)	作用是将数组各个元素是通过指定的分隔符进行连接成为一个字符串并返回。其作用和toString()相同
slice	Array.slice(start,end)	该方法可从已有的数组中返回选定的元素，原数组不变
concat	concat(array)	用于拼接数组，a.concat(b)返回一个a和b共同组成的新数组，不会修改任何一个原始数组，也不会递归连接数组内部数组
reverse	Array.reverse()	方法用于将数组逆序，它会修改原数组
splice	Array.splice(index, howmany, element1,.....,elementX)	用于一次性解决数组添加、删除（这两种方法一结合就可以达到替换效果），方法有三个参数
sort	Array.sort() Array.sort(parameter)	sort方法用于对数组进行排序，当没有参数的时候会按字母表升序排序，如果含有undefined会被排到最后面，对象元素则会调用其toString方法

• 用 splice函数实现push方法

var arr1=[3,4,5]
arr1.push('hello')
console.log(arr1)　　　//[3, 4, 5, "hello"]
var arr2=[3,4,5]
arr2.splice(3,0,'hello')
console.log(arr2)　　　//[3, 4, 5, "hello"]

• 用 splice函数实现pop方法

var arr1=[3,4,5]
arr1.pop()
console.log(arr1)　　　//[3, 4]
var arr2=[3,4,5]
arr2.splice(2,1)
console.log(arr2)　　　//[3, 4]

• 用 splice函数实现shift方法

var arr1=[3,4,5]
arr1.shift()
console.log(arr1)　　　//[4, 5]
var arr2=[3,4,5]
arr2.splice(0,1)
console.log(arr2)　　　//[4, 5]

• 用 splice函数实现unshift方法

var arr1=[3,4,5]
arr1.unshift('hello')
console.log(arr1)　　　//["hello", 3, 4, 5]
var arr2=[3,4,5]
arr2.splice(0,0,'hello')
console.log(arr2)　　　//["hello", 3, 4, 5]

4、写一个函数，操作数组，数组中的每一项变为原来的平方，在原数组上操作

function squareArr(arr){
  for(var i = 0;i < arr.length;i++){
    arr[i]*=arr[i]　　//或者用Math函数Math.pow(arr[i], 2)
  }
}
var arr = [2, 4, 6]
squareArr(arr)
console.log(arr) // [4, 16, 36]

5、写一个函数，操作数组，返回一个新数组，新数组中只包含正数

function filterPositive(arr){
  for(var i=0;i<arr.length;i++){
    if(typeof arr[i] !== 'number'){
      arr.splice(i,1)
      i--
    }
    else if(arr[i] <= 0){
      arr.splice(i,1)
      i--
    }
  }
}
var arr = [3, -1,  2,  '饥人谷', true]
filterPositive(arr)
console.log(arr) //[3,  2]