js 中的数组和对象

最新推荐文章于 2021-09-12 05:48:29 发布
最新推荐文章于 2021-09-12 05:48:29 发布
阅读量545 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/anlukun/article/details/8896092
版权

遍历数组:

<!DOCTYPE html>

<html>
<body>
<script>
var i;
var cars = new Array();
cars[0] = "Audi";
cars[1] = "BMW";
cars[2] = "Volvo";
for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>
</body>

</html>

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。/在 JavaScript 中，对象是拥有属性和方法的数据。

属性和方法

属性是与对象相关的值。

方法是能够在对象上执行的动作。

举例：汽车就是现实生活中的对象。

汽车的属性：

car.name=Fiat

car.model=500

car.weight=850kg

car.color=white

汽车的方法：

car.start()

car.drive()

car.brake()

汽车的属性包括名称、型号、重量、颜色等。

所有汽车都有这些属性，但是每款车的属性都不尽相同。

汽车的方法可以是启动、驾驶、刹车等。

所有汽车都拥有这些方法，但是它们被执行的时间都不尽相同。

JavaScript 中的对象

在 JavaScript 中，对象是数据（变量），拥有属性和方法。

当您像这样声明一个 JavaScript 变量时：

var txt = "Hello";

您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说，length 的值是 5。字符串对象同时拥有若干个内建的方法。

属性：

txt.length=5

方法：

txt.indexOf()

txt.replace()

txt.search()

提示：在面向对象的语言中，属性和方法常被称为对象的成员。

在本教程稍后的章节中，您将学到有关字符串对象的更多属性和方法。

创建 JavaScript 对象

JavaScript 中的几乎所有事务都是对象：字符串、数字、数组、日期、函数，等等。

你也可以创建自己的对象。

本例创建名为 "person" 的对象，并为其添加了四个属性：

实例

person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
经典例子：
1.<script language= "javascript" type="text/javascript">
// 创建一个对象
person = new Object();//此处的Object中O必须为大写字母
person.name="lukun";
person.age="22";
person.sex="男";
document.write(person.name+"  "  +person.sex + ",今年是" +person.age+"岁");


</script>


页面输出的结果是:lukun 男,今年是22岁

2.<!DOCTYPE html>
<html>
<body>
<script>
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather=new person("Bill","Gates",56,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>
</body>
</html>
在页面上显示一个钟表：时钟程序
<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}
</script>
</head>
<body οnlοad="startTime()">
<div id="txt"></div>
</body>
</html>

平凡的Mac
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 数组与对象的解构赋值
kangkang_style的博客
11-27 991
解构赋值是javascript 语法，作用是将值从数组、或属性从对象，提取到不同的变量中。 1. 数组解构 1.1 声明变量并赋值： let hi = ['hello', 'world']; let [hello, world] = hi console.log(hello) => hello console.log(world) => world ...
js对象数组分组
moqiuqin的博客
01-13 2592
按照某个字段进行分组 let groupData = [ {name: "张三",project: "语文",score: "90"}, {name: "张三",project: "数学",score: "88"}, {name: "张三",project: "英语",score: "86"}, {name: "张三",project: "物理",score:...
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。
chisu3831的博客
05-24 219
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。 在 JavaScript 中，对象是拥有属性和方法的数据。 属性和方法 属性是与对象相关的值。 方法是能够在对象上执行的动作。 举例：汽车就是现实生活中的对象。 汽车的属性： car.name=Fiat car.mo...
对象的创建和使用练习
dengdi2376的博客
08-31 97
这个练习练习了车类和工厂类之间的关系问题，通过方法之间的调用完成一些输出。 注意参数以及返回值的设置。 1 package com.cnblogs.java; 2 3 public class TestCar { 4 public static void main(String[] args) { 5 Car c1=new Car();...
JS中“创建对象”及“通过原型创建对象”浅析
Loliner`s Blog
06-19 652
这两天重新看着李炎恢的JavaScript视频学习了一遍，在看到第十五章 面向对象及原型 的时候，感觉必须要把所讲的知识点总结一下，以便今后查看： （备注：查看该篇博客时，请结合视频及视频课件） 一、创建对象的几种方式 1、各自独立声明模式 var box1 = new Object(); //声明第一个对象并给各属性赋值 box1.name = 'Lee'; box1.age =
JavaScript 对象
u014460848的专栏
03-31 277
此外，JavaScript 允许自定义对象。 JavaScript 对象 JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。 访问对象的属性 属性是与对象相关的值。 访问对象属性的语法是： objectName.propertyName 这个例子使用了 String 对象的 length 属性来获得字符串
JavaScript学习之一：采用哪种方式定义类或对象？
学无止境
08-27 784
 JavaScript中定义类或对象有多种方法：以创建Car为实例说明。var oCar = new Object;oCar.color ="red";oCar.doors = 4;oCar.mpg=23;oCar.showColor = function(){     alert(this.color);}工厂方式构造，例如：function createCar(sColor
JS中数组与对象的遍历方法实例小结
10-18
主要介绍了JS中数组与对象的遍历方法,结合实例形式总结分析了JavaScript针对数组与对象遍历操作相关函数与使用技巧,需要的朋友可以参考下
JS数组中对象去重操作示例
12-01
- 检查当前对象的`magicId`，如果它还没有在`full`对象中出现过，继续检查`id`。 - 如果`id`也没有出现过，创建一个新的对象，复制当前对象的`id`和`magicId`到新对象，并将新对象添加到`result`数组中。 - 将...
js实现数组和对象的深浅拷贝
01-19
JavaScript的数据类型分为原始数据类型和对象类型。二者在内存中存放的方式不同，导致了其赋值时差异。分别举个栗子 var x = 1; var y = x; //y获得了和x同样的值 y = 2; console.log(x); // 1 var m = [1,2]; ...
js对象数组和对象的使用实例详解
10-16
在本篇文章里小编给大家整理了关于js对象数组和对象的使用实例相关知识点，有需要的朋友们学习下。
2018.12.11 第2题：2、设计2个类，要求如下： [必做题] 2.1 定义一个汽车类Vehicle， 2.1.1 属性包括：汽车品牌brand（String类型）、颜色color（Strin
weixin_43986018的博客
12-12 1万+
#2、设计2个类，要求如下： [必做题] 2.1 定义一个汽车类Vehicle， 2.1.1 属性包括：汽车品牌brand（String类型）、颜色color（String类型）和速度speed（double类型）。 2.1.2 至少提供一个有参的构造方法（要求品牌和颜色可以初始化为任意值，但速度的初始值必须为0）。 2.1.3 为属性提供访问器方法。注意：汽车品牌一旦初始化之后不能修改。 2....
面向对象 定义汽车类Vehicle属性(brand(品牌)，color(颜色)）方法run,子类卡车(Truck)属性 weight载重 方法拉货，轿车(Car) 属性pssebger载客数量
Sunqlive的博客
09-07 1万+
定义汽车类Vehicle属性(brand(品牌)，color(颜色)）方法run,子类卡车(Truck)属性 //weight载重 方法拉货，轿车(Car) 属性passebger载客数量 方法载客
课堂练习1：定义一个交通工具（Vehicle）类，其中有： 属性：速度（speed）,体积（size） 方法：移动（move（）），设置速度（setSpeed(int speed)）,设置体积
热门推荐
Messi_tz的博客
09-23 1万+
定义一个交通工具（Vehicle）类，其中有： 属性：速度（speed）,体积（size） 方法：移动（move（）），设置速度（setSpeed(int speed)）,设置体积（setSize(int size)）加速speedUp(),减速speedDown（）等 在测试类中Vehicle中的main（)方法打印出来另外，调用加速减速的方法对速度进行改变。 public class
Javascript---- 练习九（对象）
weixin_33724046的博客
07-26 84
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> /******************** 1....
JavaScript中对象的简介
weixin_45764245的博客
09-12 88
<script> /* ***对象是 一种复合的数据类型,在对象中可以存放多个不同数据类型的属性 对象分类: 1.内建对象 -由ES标准自定义对象 -如: Math string number boolean 2.宿主对象 -主要有浏览器提供的对象 ...
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。朗郎视力保健按摩服务中心，计次卡服务，消费一次扣减一次，记账式的消费卡，只要带手机即可，不用实体卡
junword的博客
03-24 283
JavaScript 中的对象 在 JavaScript 中，对象是数据（变量），拥有属性和方法。 当您像这样声明一个 JavaScript 变量时： var txt = "Hello"; 您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说，length 的值是 5。字符串对象同时拥有若干个内建的方法。 现在越来越多生...
前端学习（十七）：JavaScript常用对象
爱吃西瓜的夏天
09-19 169
进击のpython 前端学习——JavaScript常用对象 JavaScript中的所有事物都是对象：字符串、数字、数组、日期，等等 在JavaScript中，对象是拥有属性和方法的数据 好比是可以构造出一个人，这个人他有年龄和姓名等，这些统统属于这个人的属性 这个人他有爱泡妹子，泡妹子是这个人的动作，我们称为这个对象的方法 注意var s1 = "abc"和var s2 = ne...
ECMAScript 定义类或对象
雨中伞 javaeye blog
01-16 160
使用预定义对象只是面向对象语言的能力的一部分，它真正强大之处在于能够创建自己专用的类和对象。 ECMAScript 拥有很多创建对象或类的方法。 工厂方式 原始的方式 因为对象的属性可以在对象创建后动态定义，所有许多开发者都在 JavaScript 最初引入时编写类似下面的代码： var oCar = new Object; oCar.color = "blue"; oC...
js中数组解构和对象解构
最新发布
07-12
在 JavaScript 中，可以使用解构赋值语法来从数组和对象中提取值并赋给变量。下面是数组解构和对象解构的示例： 1. 数组解构： ```javascript const arr = [1, 2, 3]; const [a, b, c] = arr; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3 ``` 在数组解构中，我们使用方括号 `[]` 来指定要提取的数组元素，并且将它们赋给对应的变量。 2. 对象解构： ```javascript const obj = { x: 1, y: 2 }; const { x, y } = obj; console.log(x); // 1 console.log(y); // 2 ``` 在对象解构中，我们使用花括号 `{}` 来指定要提取的对象属性，并且将它们赋给对应的变量。 除了基本的数组和对象解构外，还可以使用默认值和重命名等高级用法来进行解构赋值。这些用法可以根据具体的需求来灵活运用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值