xml地图|网站地图|网站标签 [设为首页] [加入收藏]

函数分别实现,JS数组以及JSON知识

来源:http://www.ccidsi.com 作者:呼叫中心培训课程 人气:199 发布时间:2019-05-06
摘要:1.JSON 格式的数额需求遵照哪些规则 JSON格式是1种用于数据沟通的 文本格式 ,它对值的类型和格式有严苛的规定 复合类型的值只好是数组可能指标( 总结空数组和空对象都以合格的 JS

1.JSON 格式的数额需求遵照哪些规则

JSON格式是1种用于数据沟通的文本格式,它对值的类型和格式有严苛的规定

  • 复合类型的值只好是数组可能指标(总结空数组和空对象都以合格的 JSON 值),不可能是函数,正则表明式对象,日期对象
  • 大致类型的值唯有四种:字符串,数值(必须以⑩进制表示),布尔值和null(无法为NaN, Infinity(正无穷), -Infinity(负无穷)和undefined)
  • 字符串必须用双引号,不可能用单引号
  • 指标的键名必须放在双引号里面
  • 数组或对象最终1个成员的后边,不可能加逗号

以下是合格的 JSON 值。

["one", "two", "three"]
{ "one": 1, "two": 2, "three": 3 }
{"names": ["张三", "李四"] }
[ { "name": "张三"}, {"name": "李四"} ]

以下是不沾边的 JSON 值。

{ name: "张三", 'age': 32 }  // 属性名必须使用双引号
[32, 64, 128, 0xFFF] // 不能使用十六进制值
{ "name": "张三", "age": undefined } // 不能使用undefined
{ "name": "张三",
  "birthday": new Date('Fri, 26 Aug 2011 07:13:10 GMT'),
  "getName": function() {
      return this.name;
  }
} // 不能使用函数和日期对象

注:JavaScript 对象和 JSON 的关系
JSON 格式数据参考于 JS 对象字面量的语法,二者属于分歧的局面。JavaScript 对象中诸各种类(函数、正则、Date) JSON 格式的规范并不援助,JavaScript 对象的字面量写法更加宽大。

3:数组方法里push、pop、shift、unshift、join、splice分别是何许意义?

var arr = [1,2,3,4,5,6]
arr.push(7)//[1,2,3,4,5,6,7] push在数组的最后的位置添加一个数,你想让他添加几个数,就在括号里写,用逗号分开即可。
arr.pop()//[1,2,3,4,5,6]默认删除最后一位数字,上面是添加,后面是删除。
arr.unshift(0)//[0,1,2,3,4,5,6]push是从后面添加,unshift是从前面添加。
arr.shift()//[1,2,3,4,5,6]shift是删除最前面一个。
arr.join()//你可以在join里添加一些东西,比如你想让上面数组里的数字用杠杠连接起来,你可以arr.join('-'),它就会变成"1-2-3-4-5-6" ,arr.join(' ')
"1 2 3 4 5 6" 等等。
arr.splice()//这个功能很强大,下面写。

 

5.写三个函数,操作数组,重回多少个新数组,新数组中只包涵正数

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

或者

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

参考
阮一峰 JavaScript 规范参考教程(阿尔法)

2:使用 JSON 对象实现三个轻易易行的深拷贝函数(deepCopy)

var obj = {
  name:'小马',
  country:'中国',
  age:'20',
  home:'阜阳',
  friend:{
    name:'小黑',
    age:1
  }
}
var obj2 = JSON.parse(JSON.stringify(obj))
console.log(obj2)
  • 用 splice函数完结 pop方法

二.使用 JSON 对象完毕八个简便的深拷贝函数(deepCopy)

先上代码:

var oldObject = {name:"小明",
                 age:25,
                 sex:"男",
                 city:"南京",
                 wife:{name:"小牛", sex:"女", age:24, city:"北京"},
                 friends:["小红", "小白", "小黄"]
                 }
var jsonString = JSON.stringify(oldObject)
var newObject = JSON.parse(jsonString )
console.log(newObject.wife.sex)                        //女
console.log(newObject.wife == oldObject.wife)          //false
console.log(newObject.friends == oldObject.friends)    //false,两个false说明newObject的子对象开辟新的堆内存,和oldObject的子对象的堆内存不一样了  

原理:
先用JSON.stringify()将目的,转化成JSON格局的字符串;然后在通过JSON.parse()将JSON字符串解析成贰个新的目的。

JSON.stringify()
JSON.stringify方法用于将三个值转为字符串。该字符串符合 JSON 格式,并且能够被JSON.parse方法还原
应用办法以及注意点:
1.各体系型的值转换来JSON 字符串

JSON.stringify('abc') // ""abc"" ---->原始类型的字符串,转换结果会带双引号。这是因为将来还原的时候,双引号可以让 JavaScript 引擎知道,abc是一个字符串,而不是一个变量名
JSON.stringify(1) // "1"
JSON.stringify(false) // "false"
JSON.stringify([]) // "[]"
JSON.stringify({}) // "{}"

JSON.stringify([1, "false", false])
// '[1,"false",false]'

JSON.stringify({ name: "张三" })
// '{"name":"张三"}'

二.须求小心的是指标和数组的内部的一些古怪的值的转移(不积极设置toJSON方法的动静)
对象:

var obj = {
  a: function(){},                                 //函数-->被JSON.stringify过滤
  b: new Date('Fri, 26 Aug 2011 07:13:10 GMT'),    //日期对象-->调用日期对象内部的toJSON转换成了"2011-08-26T07:13:10.000Z"形式的字符串
  c: undefined,                                    //undefined-->被JSON.stringify过滤
  d: "undefined",                                  //"undefined"字符串-->"undefined"字符串
  e: -Infinity,                                    //-Infinity-->null
  f: NaN,                                          //NaN-->null
  g: null,                                         //null-->null
  h: {},                                           //{}-->{},空对象仍然转换成空对象
  i: [],                                           //[]-->[],空数组仍然转换成空数组
  j: /foo/,   //正则表达式                          //正则表达式-->{},即空对象
  k: "normal"                                      //"normal"字符串-->"normal"字符串
};

JSON.stringify(obj)
 //结果 "{"b":"2011-08-26T07:13:10.000Z","d":"undefined","e":null,"f":null,"g":null,"h":{},"i":[],"j":{},"k":"normal"}"

数组:通过JSON.stringify转换后,函数和undefined都被转变来了null,别的的更改结果和对象的一样

var obj2 = [function(){}, new Date('Fri, 26 Aug 2011 07:13:10 GMT'), undefined, -Infinity, NaN, null, {}, [],  /foo/, "normal" ]

JSON.stringify(obj2)
 //结果 "[null,"2011-08-26T07:13:10.000Z",null,null,null,null,{},[],{},"normal"]"

三.JSON.stringify方法会忽略对象的不可遍历属性。(enumerable: false;也叫不可胜计属性)

var obj = {};
Object.defineProperties(obj, {
  'foo': {
    value: 1,
    enumerable: true
  },
  'bar': {
    value: 2,
    enumerable: false
  }
});

JSON.stringify(obj);
 // 结果 "{"foo":1}"

JSON.parse()
JSON.parse方法用于将JSON字符串转化成对象。如下:

JSON.parse('{}') // {}
JSON.parse('true') // true
JSON.parse('"foo"') // "foo"
JSON.parse('[1, 5, "false"]') // [1, 5, "false"]
JSON.parse('null') // null

var o = JSON.parse('{"name": "张三"}');
o.name // 张三

假定传入的字符串不是卓有功效的JSON格式,JSON.parse方法将报错。

JSON.parse("'String'") // illegal single quotes
// SyntaxError: Unexpected token ILLEGAL
//双引号字符串中是一个单引号字符串,因为单引号字符串不符合JSON格式,所以报错

总结:用JSON方法开始展览深拷贝,对象恐怕数组中无法有,函数,undefined等经过JSON.stringify()转换后产生变化的东西,所以那种方式实行深拷贝具备局限性

splice实现push

大家想用splice实现push的效果,能够那样,splice的括号里面有1个值,上面写了,假使我们想在上头数组加多多个数字,七和八,大家如此做

var arr = [1,2,3,4,5,6]
arr.splice(6,0,7,8)
console.log(arr)//[1, 2, 3, 4, 5, 6, 7, 8]

 

4.写2个函数,操作数组,数组中的每1项变为原来的平方,在原数组上操作

function squareArr(arr){
  for(var i = 0; i < arr.length; i  ){
    arr[i] = arr[i]*arr[i]
  }
}
var arr = [2, 4, 6]
squareArr(arr)
console.log(arr) // [4, 16, 36]
splice实现shift
var arr = [7,8,1,2,3,4,5,6]
arr.splice(0,2)
console.log(arr)//[1, 2, 3, 4, 5, 6]

 

三.数组织承办法里push、pop、shift、unshift、join、splice分别是如何效力?用 splice函数分别实现push、pop、shift、unshift方法

push:在数组最终加多1个因素,数首席营业官度爆发变化

var arr = [3, 4, 5, 6]
arr.push('hello')
console.log(arr)         // [3, 4, 5, 6, 'hello']

pop:把数组最终壹位弹出来,重临,数高管度发生变化

var value = arr.pop()
console.log(value)       // 'hello'
console.log(arr)         //[3, 4, 5, 6]

unshift:在数组最前面增加一个因素,数COO度产生变化

var arr = [3, 4, 5, 6]
arr.unshift('hello')
console.log(arr)         // ['hello', 3, 4, 5, 6 ]

shift:把数组最前边一位弹出来,再次来到,数CEO度发生变化

var value = arr.shift()
console.log(value)       // 'hello'
console.log(arr)         // [3, 4, 5, 6 ]

join(separator): 把数组中的全数因素调换二个字符串。separator是钦点要选用的分隔符。就算省略该参数,则利用逗号作为分隔符。

var arr = [3, 4, 5, 6]
var str = arr.join('-')
console.log(str)        // "3-4-5-6"

splice:用于三回性化解数组增多、删除(那三种情势一结合就足以高达替换效果),不过只好管理数组中延续的多少个值的增加和删除改。那措施有三个参数:
一.伊始索引
二.去除成分的个数
三.安排的新因素,当然也得以写多少个
splice方法重回三个由删除成分结合的新数组,未有去除则赶回空数组

//删除2,3
var oldArray = new Array(1,2,3,4,5);
var newArray = oldArray.splice(1,2)
console.log(newArray)   // [2, 3]
console.log(oldArray)   // [1, 4, 5]

//在3,4之间添加6,7,8
var oldArray = new Array(1,2,3,4,5);
var newArray = oldArray.splice(3,0,6,7,8)  // 插入是从第一个参数指定的下标前面开始插的
console.log(newArray)   // [] ,因为删除了0个元素,所以为空数组
console.log(oldArray)   // [1, 2, 3, 6, 7, 8, 4, 5]

//替换,原理就是先删后增,将2,3,4换成6,7,8
var oldArray = new Array(1,2,3,4,5);
var newArray = oldArray.splice(1,3,6,7,8) 
console.log(newArray)   // [2,3,4] 
console.log(oldArray)   // [1, 6, 7, 8, 5]

//用 splice函数分别实现push、pop、shift、unshift方法
//push,末尾添加hello
var s = "hello"
var oldArray = [3, 4, 5, 6]
oldArray .splice(oldArray .length, 0, s)
console.log(oldArray )  //[3, 4, 5, 6, "hello"]
//pop,末尾删除hello
var newArray = oldArray .splice(oldArray .length-1, 1)
console.log(newArray)  // ["hello"]
console.log(oldArray )  //[3, 4, 5, 6]
//unshift,开头添加world
var s = "world"
var oldArray = [3, 4, 5, 6]
oldArray .splice(0, 0, s)
console.log(oldArray )  //[ "world", 3, 4, 5, 6]
//shift,开头删除world
var newArray = oldArray .splice(0, 1)
console.log(newArray)  // ["world"]
console.log(oldArray )  //[3, 4, 5, 6]

陆:写三个函数,操作数组,重回三个新数组,新数组中只含有正数。

function filterPositive(arr){
}
var arr = [3, -1,  2,  '饥人谷', true]
filterPositive(arr)
console.log(arr) //[3,  2]

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

var arr = [3, 4, 5, 16, 17]
//使用pop方法
arr.pop() // arr 变成[3, 4, 5, 16],返回17(取出的元素值)

//调用函数samePop()
samePop(arr) // arr 变成[3, 4, 5],返回16(取出的元素值)


更正:

五:写3个函数,操作数组,数组中的每一项变为原来的平方,在原数组上操作。

function squareArr(arr){
}
var arr = [2, 4, 6]
squareArr(arr)
console.log(arr) // [4, 16, 36]

//for循环
function square(arr){
  for(var i = 0;i < arr.length; i  ){
    arr[i]*=arr[i]
  }
}
var arr = [2,4,6]
square(arr)
console.log(arr)


//forEach遍历
var arr = [2,4,6]
var newArr = []
arr.forEach(function(item,index,array){
    newArr.push(item * item)
})
console.log(newArr)
function samePush(arr, value){
    arr.splice(arr.length, 0, value)
    return arr.length
}

var arr = [3, 4, 5]
//使用push方法
arr.push(10) // arr 变成[3,4,5,10],返回4(length长度)

//调用函数samePush()
samePush(arr,12) // arr变成[3, 4, 5, 10, 12],返回5(length长度)
splice实现pop
var arr = [1,2,3,4,5,6,7,8]
arr.splice(6,2)
console.log(arr)//[1, 2, 3, 4, 5, 6]第一个数字是7的下标6,第二个是删除几个数字。

本文由68399皇家赌场发布于呼叫中心培训课程,转载请注明出处:函数分别实现,JS数组以及JSON知识

关键词: 68399皇家赌场

上一篇:_SERVER的详细参数与说明

下一篇:没有了

最火资讯