Javascript - Array、 JSON、 Object 基础介绍与示例

306 阅读3分钟

数组、JSON、对象是用于在javascript应用程序中交互和操作数据的有效对象。这篇文章用例子讲述了数组、JSON和对象之间的区别。

Javascript对象基础知识实例

对象是面向对象编程概念的主要构件。对象可以用来携带应用程序中的数据。有预定义的对象,也有可以声明的用户定义的对象。文档和窗口是javascript中预定义的对象。对象可以包含属性和函数。对象也可以用一个实例或对象名称来表示。

声明,使用new操作符和构造器初始化对象

下面是一个使用new操作符和对象构造器创建一个空对象的例子。new是一个关键字和操作符,用来创建一个对象的实例。我们可以使用new操作符和构造函数来创建一个对象的实例。

var firstObject = new Object();   
console.log(firstObject) // {}  

上面的代码创建了一个对象,并以一个空对象进行初始化。

声明,使用Object literal初始化对象

一个空对象也可以用对象字面意义来创建和初始化。对象字面意义是用大括号括起来的,其中有数据

var firstObject = {};   
console.log(firstObject) // {}  

object can be created with object literals data  
var obj={"kiran":"test"}  

这是创建对象的首选方式

声明为javascript对象分配属性

每个属性都可以是原始类型--布尔值、空、未定义、数字、字符串和符号或任何对象。

var firstObject = {};   
firstObject.id = 1;       
firstObject.name  = "JOHN";  
console.log(firstObject) // {id: 1, name: "JOHN"}  

使用属性访问对象的值

对象的数据可以用对象的属性名来检索。 属性语法。
下面是一个例子

var obj={id: 1, name: "JOHN"}  
console.log(obj.id) // 1  
console.log(obj.name) // "JOHN"  

javascript中对象的大小

对象的大小是一个对象中属性的数量。下面是一个寻找对象的键的例子。

var obj={id: 1, name: "JOHN"}  
console.log(Object.keys(obj).length) // 2  

如何检查键是否存在于一个对象中?

可以使用hasOwnProperty方法检查对象中的键。

var obj={id: 1, name: "JOHN"}  
obj.hasOwnProperty("id"); //true;  
obj.hasOwnProperty("id"); //false;  

JSON对象在javascript中的例子

JSON是一种用于在客户端和服务器之间传输数据的javascript对象符号。它包含了javascript数据类型的键和值。这在许多编程语言中都很有用,可以与REST API交互,JSON数据包含键和值对。
下面是一个javascript中的JSON对象的例子

{  
"name": "Kiran",  
"salary":2000  
}  

初始化和创建一个JSON对象

我们有很多方法可以在javascript中创建一个JSON对象。
创建空对象

var JsonObject={};  

或者使用对象来创建JSON对象

var jsonObject=new object();  

JSON对象总是用大括号创建 用键和值初始化JSON对象

var jsonObject={"name":"kiran","id":1}  

上面的对象是用名字和键值对创建的,就像javascript对象一样,简单的键值对用逗号隔开 创建JSON对象数组 javascript中的数组可以用方括号来写,它包含对象的集合。

var jsonObject={"name":"kiran","id":1,depts:["dept1":"HR","dept":"admin"]}  

上面的例子中,JSON对象包含两个对象的depts数组。使用JSON.parse()方法可以将JSON字符串转换为javascript对象。parse()方法接收json字符串并返回Javascript对象,如果传入无效的json字符串,则返回空对象字符串。

var jsonString = ‘{ "name":"kiran",salary:1000}’;  
var javascriptObject = JSON.parse(jsonString);  
console.log(javascriptObject.name)// kiran  
console.log(javascriptObject.salary)// 1000  

使用stringify方法将JSON转换成字符串 JSON.stringify()函数在以下情况下使用,将JSON转换成字符串

var obj = { name: "kiran", salary: 2000 };  
var json = JSON.stringify(obj);  

数组也可以使用Stringify方法进行字符串化。

var myarray = [ "Ram", "Fran", "Sai"];  
var myjson = JSON.stringify(myarray);  

阵列在javascript中的应用实例 阵列是具有索引顺序的元素的集合。声明和启动数组数组可以声明Kiran