JavaScript数组学习笔记（json、arguments、数组、字符串）

JavaScript 学习笔记

标签（空格分隔）： 学习笔记 javaSript json arguments

JavaScript 学习笔记
json的使用
JSON 语法规则

JSON的用途

JSON的特点

arguments的使用

css自定义函数

数组

字符串方法

实例运用

心得总结

json的使用

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript（Standard ECMA2623rd EditionDecember1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java,JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。

JSON 语法规则

JSON 语法是 JavaScript 对象表示语法的子集。

可以分为3种类型的值：简单值、对象、数组

简单值：使用与JavaScript 相同的语法，可以在JSON中表示字符串（必须双引号）、数值、布尔值和null。但JSON 不支持JavaScript 中的特殊值undefined。

对象：对象作为一种复杂数据类型，表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值，也可以是复杂数据类型的值。

数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中的值。数组的值也可以是任意类型——简单值、对象或数组。

JSON 不支持变量、函数或对象实例，它就是一种表示结构化数据的格式，虽然与JavaScript 中表示数据的某些语法相同，但它并不局限于JavaScript 的范畴。

数据在键值对中

数据由逗号分隔

花括号保存对象

方括号保存数组

var json={a:12,b:5c:'adv'}；保存对象 对象属性名必须双引号

{对象里面可以嵌入对象
"name": "Nicholas",
"age": 29<
b359
/span>,
"school": {
"name": "Merrimack College",
"location": "North Andover, MA"
}
}

var json=[1,1,1,1]；保存数组

同样要注意，JSON 数组也没有变量和分号。把数组和对象结合起来，可以构成更复杂的数据集合，
例如：
[
{
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 3,
year: 2011
},
{
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 2,
year: 2009
},
{
"title": "Professional Ajax",
"authors": [
"Nicholas C. Zakas",
"Jeremy McPeak",
"Joe Fawcett"
],
edition: 2,
year: 2008
},
{
"title": "Professional Ajax",
"authors": [
"Nicholas C. Zakas",
"Jeremy McPeak",
"Joe Fawcett"
],
edition: 1,
year: 2007
},
{
"title": "Professional JavaScript",
"authors": [
"Nicholas C. Zakas"
],
edition: 1,

JSON的用途

使用基于JavaScript的应用程序，其中包括浏览器扩展和网站

使用JSON格式序列化和结构化的数据传输网络连接

这主要用于服务器和Web应用程序之间的数据传输

Web服务和API采用JSON格式提供公共数据

它可以用来与现代编程语言

JSON的特点

易于读写JSON

轻量级的基于文本的交换格式

独立语言

arguments的使用：

可变参，可以存储所有的参数

var num=0;
function sum(){
for (var i in arguments) {
num+=arguments[i];
}
return num;
}
alert(sum(1,2,2,2,22,2,2,2,2))

css()自定义函数

function css(){无参方法
if (arguments.length==2) {
return arguments[0].style[arguments[1]];
} else{
arguments[0].style[arguments[1]]=arguments[2];
}
}

function css(a,b,c){有参方法
if (arguments.length==2) {
return a.style;
} else{
a.style[b]=c;
}
}

什么时候用[]或者逗号

var arr变量：[]

属性用逗号

currentStyle 在IE浏览器兼容

getComputedStyle 其他浏览器兼容

数组

Array [b]（数组对象）

Array.push() 在数组尾部添加一个值

Array.pop() 在数组尾部删除一个值

Array.shift() 移出数组第一个值，并返回这个值，余下的值前移

Array.unshift() 在头部第一个元素插入一个值

Array.splice(start,deleteCount,value,….) 如下：

任意位置（start：开始插入或删除的数组元素下标）删除、（deleteCount:从start所指定的元素开始要删除的个数）添加、（value:要插入数组的零个或多个值，从start开始插入）置换数组

Array.concat（） 拼接数组，并创建并返回一个新数组

Array.join(separator) 分隔数组，如下：

separator 参数： 在返回的字符串中用于分隔数组元素的字符或字符串，它是可选的。如果省略了这个参数，用逗号作为分隔符。

Array.sort（）排序数组

字符串方法

scting.charAt(4) 返回下标位置字母

scring.indexOf(‘o’) 返回该字母的下标，否则返回-1

scting.split（） 用于把一个字符串分割成字符串数组。

scting.toLocaleUpperCase() 方法用于把字符串转换为大写。

substring() 返回指定的字符串

实例运用

获取数组最大值，如下

var arr3=[4,8,6,7,9,11,2];
//          arr3.sort(function(n1,n2){
//              return n2-n1;
//          });
//          var a=arr3.slice(0,1);
//          var b=arr3;
//          console.log(a);
//          console.log(b);

将border-bottom-color用函数转成驼峰命名法，变成borderBottomColor这种形式。如下

var str='border-bottom-color';
function text(str){
var arr=str.split('-');

for (var i=1;i<arr.length;i++) {
arr[i]=arr[i].charAt(0).toLocaleUpperCase()+arr[i].substring(1);
}
var str=arr.join('');
return str;
}
alert(text(str));

心得总结

简单的了解使用的方法，理解的还不够深入，需要实际运用结合，吸收的知识点存在一个问题：只是一知半解，不能灵活运用。