iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >如何理解javascript面向对象技术基础
  • 250
分享到

如何理解javascript面向对象技术基础

2024-04-02 19:04:59 250人浏览 独家记忆
摘要

这篇文章给大家介绍如何理解javascript面向对象技术基础,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。数组我们已经提到过,对象是无序数据的集合,而数组则是有序数据的集合,数组中的

这篇文章给大家介绍如何理解javascript面向对象技术基础,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

数组

我们已经提到过,对象是无序数据的集合,而数组则是有序数据的集合,数组中的数据(元素)通过索引(从0开始)来访问,数组中的数据可以是任何的数据类型.数组本身仍旧是对象,但是由于数组的很多特性,通常情况下把数组和对象区别开来分别对(Throughout this book, objects and arrays are often treated as distinct datatypes.This is a useful and reasonable simplification; you can treat objects and arrays as separate types for most of your JavaScript programming.To fully understand the behavior of objects and arrays, however, you have to know the truth: an array is nothing more than an object with a thin layer of extra
functionality. You can see this with the typeof operator: applied to an array value, it returns the string "object". --section7.5).

创建数组可以用"[]"操作符,或者是用Array()构造函数来new一个.

js代码

var array1 = []; //创建空数组  var array2 = new Array(); //创建空数组  array1 = [1,"s",[3,4],{"name1":"NAME1"}]; //  alert(array1[2][1]); //4 访问数组中的数组元素  alert(array1[3].name1); //NAME1 访问数组中的对象  alert(array1[8]); //undefined  array2 = [,,]; //没有数值填入只有逗号,则对应索引处的元素为undefined  alert(array2.length); //3  alert(array2[1]); //undefined

用new Array()来创建数组时,可以指定一个默认的大小,其中的值此时为undefined,以后可以再给他们赋值.但是由于javascript中的数组的长度是可以任意改变的,同时数组中的内容也是可以任意改变的.

因此这个初始化的长度实际上对数组没有任何的约束力.对于一个数组,如果对超过它***长度的索引赋值,则会改变数组的长度,同时会对没有赋值的索引处赋值undefined,看下面的例子.

Js代码

 var array = new Array(10);  alert(array.length); //10  alert(array[4]); //undefined  array[100] = "100th"; //这个操作会改变数组的长度,同时将10-99索引对应的值设为undefined  alert(array.length); //101  alert(array[87]); //undefined

可以用delete操作符删除数组的元素,注意这个删除仅仅是将数组在该位置的元素设为undefined,数组的长度并没有改变.我们已经使用过了数组的length属性,length属性是一个可以读/写的属性,也就是说我们可以通过改变数组的length属性来任意的改变数组的长度.如果将length设为小于数组长度的值,则原数组中索引大于length-1的值都会被删除.如果length的值大于原始数组的长度,则在它们之间的值设为undefined.

Js代码

var array = new Array("n1","n2","n3","n4","n5"); //五个元素的数组  var astring = "";  for(var i=0; i<array.length; i++) { //循环数组元素  astring += array[i];  }  alert(astring); //n1n2n3n4n5  delete array[3]; //删除数组元素的值  alert(array.length + "_" + array[3]) //5_undefined  array.length = 3; //缩减数组的长度  alert(array[3]); //undefined  array.length = 8; //扩充数组的长度  alert(array[4]); //undefined

对于数组的其他方法诸如join/reverse等等,在这就不再一一举例.

通过上面的解释,我们已经知道,对象的属性值是通过属性的名字(字符串类型)来获取,而数组的元素是通过索引(整数型 0~~2**32-1)来得到值.数组本身也是一个对象,所以对象属性的操作也完全适合于数组.

关于如何理解javascript面向对象技术基础就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

--结束END--

本文标题: 如何理解javascript面向对象技术基础

本文链接: https://www.lsjlt.com/news/86955.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何理解javascript面向对象技术基础
    这篇文章给大家介绍如何理解javascript面向对象技术基础,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。数组我们已经提到过,对象是无序数据的集合,而数组则是有序数据的集合,数组中的...
    99+
    2024-04-02
  • 怎样理解javascript面向对象技术基础
    怎样理解javascript面向对象技术基础,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。类变量/类方法/实例变量/实例方法先...
    99+
    2024-04-02
  • 怎么理解javascript面向对象技术基础
    怎么理解javascript面向对象技术基础,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。函数javascript函数相信大家都写过不少了...
    99+
    2024-04-02
  • python基础:面向对象详解
    目录1.私有方法2.私有属性3.类部调用私有属性和私有方法  4.子类不能继承父类私有属性和方法  5.修改私有属性的值  ...
    99+
    2024-04-02
  • Java面向对象基础详解
    目录一、前言什么是对象?什么是类?类和对象的关系?类的定义 ?怎么创建对象?格式:创建对象的作用?Phone类下: PhoneDemo下:二、封装封装的好处?Student...
    99+
    2024-04-02
  • 面向对象基础篇
    面向对象的基本格式 1 # ###### 定义类 ###### 2 class 类名: 3 def 方法名(self,name): 4 print(name) 5 return 1...
    99+
    2023-01-31
    面向对象 基础
  • Python面向对象基础
    NOTE:重要强调:    Python的作用域和命名空间(1)命名空间 是从命名到对象的映射    ①内置命名空间    ②全局命名空间:模块    ③本地命名空间:模块中的函数和类(2)作用域   是一个 Python 程序可以直接访...
    99+
    2023-01-30
    面向对象 基础 Python
  • XML,面向对象基础
    什么是XML  XML与JSON的对比 XML文档格式 使用XML模块解析   一,什么是XML ''' XML 全称可扩展标记语言 <tag></tag> 双标签 <tag/> 单标签 没有文本 一...
    99+
    2023-01-31
    面向对象 基础 XML
  • Python基础之面向对象基础
    面向对象编程(Object-Oriented Programming,简称OOP)是一种编程思想,它将程序中的数据和操作封装成对象,...
    99+
    2023-09-23
    Python
  • python面向对象基础之常用魔术方法
    目录一、类和对象二、魔法方法三、理解self四、练习对战一、类和对象 通俗理解:类就是模板,对象就是通过模板创造出来的物体 类(Class)由3个部分构成: 类的名称: 类名 类的...
    99+
    2024-04-02
  • 〔005〕Java 基础之面向对象
    ✨ 目录 ▷ 面向对象▷ 注意事项▷ this关键字▷ 构造器▷ 重载构造方法▷ 实体类▷ 案例:英雄搜索 ▷ 面向对象 对象: 是一种特殊的数据结构对象: 使用类 new 出来的,有了类就可以创建对象,例...
    99+
    2023-12-22
    java 开发语言 经验分享 极限编程 重载 面向对象
  • Python面向对象编程基础
    面向对象编程是Python中的核心之一,面向对象的核心并不是概念,语法,使用有多么复杂,而是一种编程思想,并不是掌握了类创建与使用就真正掌握了面向对象编程,这需要在不断工作与练习中逐步提升;抛去代码,我们先来看现实世界的基本概念: 类: 我...
    99+
    2023-01-31
    面向对象 基础 Python
  • JavaScript面向对象基础与this指向的示例分析
    这篇文章给大家分享的是有关JavaScript面向对象基础与this指向的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1 、OOP的基础问题1.1什么是面向过程和面向对...
    99+
    2024-04-02
  • JavaScript 对象的演变:从基础到高级技术
    对象基础 JavaScript 对象是无序集合,可存储成对的关键值组合。对象由一对花括号表示,其中键是属性名称,值可以是任何数据类型。对象提供了一种结构化和组织数据的方式,使其易于使用和操作。 对象操作 对象可以通过以下方法进行操作: ...
    99+
    2024-03-13
    从基础到高级技术
  • Python基础之面向对象进阶详解
    目录面向对象三大特征介绍继承语法格式查看类的继承层次结构object根类dir()查看对象属性str()方法的重写多重继承MRO()super()获得父类定义多态特殊方法和重载运算符...
    99+
    2024-04-02
  • JavaScript是面向对象还是基于对象
    这篇文章主要讲解了“JavaScript是面向对象还是基于对象”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript是面向对象还是基于对象”吧!...
    99+
    2024-04-02
  • Python全栈之面向对象基础
    目录1. 面向对象oop了解2. 对象的相关操作小提示:3. 类的相关操作4. 类对象的删除操作小提示:5. 小练习小提示:答案:总结1. 面向对象oop了解 # ### oop...
    99+
    2024-04-02
  • 【Java基础篇 | 面向对象】—— 继承
    个人主页:兜里有颗棉花糖 欢迎 点赞👍 收藏✨ 留言✉ 加关注💓本文由 兜里有颗棉花糖 原创 收录于专栏【JavaSE_primary】 本专栏旨在分享学习Java...
    99+
    2023-10-11
    java 开发语言 面向对象
  • Java面向对象基础教学(三)
    目录1.包是什么:2.Java面向对象程序设计三大重要特征:(1)封装:(2)继承extends:(3)多态3.instanceof 运算符 总结1.包是什么: 包相当于文...
    99+
    2024-04-02
  • Java面向对象基础教学(二)
    目录1.使用访问修饰符: 2.static关键字:3.this关键字 总结1.使用访问修饰符:  ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作