news 2026/9/3 4:56:28

js的数组、对象自定义、JSON转换

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
js的数组、对象自定义、JSON转换

一、JavaScript的数组使用

数组是方便存放大量元素,方便访问每个元素。

1、定义

js的数组中元素类型允许出现不同情况。

<script>

// 1、第一种数组定义方法

// 每个元素用","隔开

var a = [1, 2, 3];

var b = [1, 2, 3, "hello"];

// 2、第二种数组定义方法

// Array是数组类,传入元素列表

var k = new Array(1, 2, 3);

</script>

2、使用

// 取值格式:

// 下标是从0开始,取正整数

数组名[下标]

// 案例:

var k = [1, 2];

// 打印元素0的值

console.log("第0号元素:" + k[0]);

// 赋值格式:

数组名[下标] = 新的值;

// 案例:

var k = [1, 2];

// 给第0号元素设为8

k[0] = 8;

3、其他

js数组还支持多维形式。

// 1、定义二维数组

var a = [

[1, 2],

[3, 4]

];

// 2、使用二维数组

// 取值格式如下:

数组名[一维下标][二维下标];

// 案例:

// 取一维的0号元素,取二维的1号元素

console.log(a[0][1]);

for循环遍历:

// 1、定义数组

var k = [1, 2];

// "数组名.length" 返回数组的元素个数

// 从下标0访问到下标"k.length - 1"

for(var i = 0; i < k.length; i++){

console.log(k[i]);

}

二、js对象的定义和使用

(一)简单定义和使用

1、直接指定键值对

对象用一对{}包围。

属性名和属性值用":"隔开。

每个键值对用","隔开。

var 变量 = {

名字: 值,

名字: 值

}

2、使用案例:

允许基本类型和函数类型的属性。

var obj = {

"name": "小明",

"sex": "男",

"printHello": function(){

console.log("hello");

}

}

// 用对象名["属性名"] 来获取属性值

console.log(obj["name"]);

// 用对象名.函数名(实参列表) 来调用函数

obj.printHello();

(二)构造函数的使用

1、构造函数

function 类名(参数列表){

this.属性名 = 值;

this.函数名 = function(参数列表){

函数体

}

}

2、案例

// 定义用户类

function User(n, s){

this.name = n;

this.sex = s;

this.printHello = function(){

console.log("hello");

};

}

// 初始化对象

var u1 = new User("小明", "男");

// 使用属性值

console.log(u1.name);

// 调用函数

u1.printHello();

三、对象和字符串的转换

1、对象转JSON字符串

使用JSON.stringify(对象)来转换。

// 定义对象

var obj = {

"name": "小明",

}

// 转成JSON字符串

var str = JSON.stringify(obj);

2、JSON对象转js对象

使用JSON.parse(字符串)来转换。

// 定义字符串

var str = "{\"name\": \"小明\"}";

// 转成js对象

var obj = JSON.parse(str);

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/2 15:36:06

2025年不容错过的免费降AIGC工具使用详解,0元降ai

在论文、报告、内容创作越来越严格的时代&#xff0c;查AI率、检测AI率、降AI率 已经成为学生、写作者、博主的日常需求。很多同学因为 AI率过高被导师指出“AI痕迹太重”&#xff0c;甚至退回重写。本文今天一次性告诉你&#xff1a; 检测AI率应该注意什么 免费查AI率的网站有…

作者头像 李华
网站建设 2026/9/2 19:52:51

Ascend C 安全可信与跨平台移植:构建企业级 AI 推理系统的工程实践 引言:从“能跑”到“可靠、安全、可移植”

在金融、政务、医疗等关键领域&#xff0c;AI 系统不仅要求高性能&#xff0c;更需满足 安全性、可靠性、可审计性。同时&#xff0c;随着国产芯片多元化&#xff08;昇腾、寒武纪、天数等&#xff09;&#xff0c;跨平台可移植性 也成为企业级部署的核心诉求。Ascend C 作为昇…

作者头像 李华
网站建设 2026/9/2 17:24:00

springboot校园宿舍报修管理系统_a689622m(源码+lw+部署讲解+答辩ppt)

目录 已开发项目效果实现截图开发技术系统开发工具&#xff1a; 核心代码参考示例1.建立用户稀疏矩阵&#xff0c;用于用户相似度计算【相似度矩阵】2.计算目标用户与其他用户的相似度系统测试总结源码文档获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&am…

作者头像 李华
网站建设 2026/9/2 2:36:37

Gleam语言深度解析:类型安全与跨平台编程的新范式

Gleam语言深度解析&#xff1a;类型安全与跨平台编程的新范式 【免费下载链接】gleam &#x1f31f;一种用于构建类型安全、可扩展系统的友好型编程语言&#xff01; 项目地址: https://gitcode.com/GitHub_Trending/gl/gleam 在当今软件开发领域&#xff0c;类型安全和…

作者头像 李华
网站建设 2026/9/2 4:19:43

Python文件操作与异常处理:编写健壮的程序

文章目录 前言 一、文件的概念 1、什么是文件 2、文件操作的作用 二、文件的基本操作 1、打开文件 2、读取文件内容 3、write函数写入文件 4、关闭文件 5、入门级案例 三、上下文管理器&#xff1a;更优雅的文件操作 四、Python异常处理机制 1、基本语法 2.文件操作中常见的异常…

作者头像 李华