JS-对象篇

小袁拒绝摆烂

已于 2023-04-01 10:09:02 修改

阅读量618

点赞数

分类专栏： # html+css+js 文章标签： javascript java 前端

于 2023-03-27 17:29:38 首次发布

本文链接：https://blog.csdn.net/y_k_j_c/article/details/129797931

版权

html+css+js 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

内容

在这里插入图片描述
简单介绍
重点介绍三个
Array,String和JSON
后面这两个不是重点
BOM-浏览器对象模型
DOM-文档对象模式（JS中每个HTML标签都封装成一个DOM对象）

Array

在这里插入图片描述

和java不同
方式一
JS中是var 变量 = new Array()（这个变量名后面没有[]这个标记）
java中不同的是new好像只new int[长度]动态初始化不能直接后面跟个小括号赋值
方式2是理解为java的静态初始化但是java中是用大括号，这里用中括号
而且这里不用写类型

<script>
var a=[1,2,3,4,5,6,7,8,9,0]
for(i=0;i<10;i++)
document.write(a[i])
</script>

在这里插入图片描述

JS中的数组类似Java中的集合

SO，JS中的数组的长度是可变的
而且存储的数据类型是多样的

var arr=[1,2,3,4,5,6,7,8,9,0]
for(i=0;i<10;i++){
document.write(arr[i])
document.write(' ')
}
arr[11]=12
document.write(arr[11])
document.write(arr[10])

在这里插入图片描述
中间没有赋值的就是undefined

var arr=[1,2,3,4,5,6,7,8,9,0]
for(i=0;i<10;i++){
document.write(arr[i])
document.write(' ')
}
arr[11]=12
arr[10]='JS的数组可以存储不同类型的值'
document.write(arr[11])
document.write(' ')
document.write(arr[10])

document.write(arr)//也可以直接输出效果-每个元素用逗号隔开

在这里插入图片描述
forEach遍历数组
只遍历有值的，接收一个函数
函数的参数是数组遍历的元素
函数里是堆遍历元素的操作
有两种方式写

String

在这里插入图片描述
定义方法
和一些属性方法上面都写了

JSON

自定义对象

在这里插入图片描述

<script>
    var user={
    name: "小袁",
    age:18,
    gender:"male",
    eat(){//和上面图片的不一样是简化的哦
    alert("用膳");
    }
    }
document.write(user.name)
document.write(user.age)
document.write(user.gender)
user.eat()
</script>

在这里插入图片描述

JSON对象

在这里插入图片描述

类似于后端的xml文件，是作为数据的载体
定义完JSON其实你写的只是一个字符串
真的要想把它变成对象
需要js中的一个
JSON.parse()
当然也可以把对象变成字符串那种格式
JSON.stringify()
在这里插入图片描述

<script>
    var jsonStr='{"name":"Tom","age":18,"addr":["上海","北京","杭州"]}';
var jsObject=JSON.parse(jsonStr)
document.write(jsObject.name)
document.write(jsObject.age)
document.write(jsObject.addr)
var Str=JSON.stringify(jsonStr)
document.write(Str)
</script>