首页 / JAVA / javascript中的数据结构

javascript中的数据结构

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript中的数据结构，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6796字，纯文字阅读大概需要10分钟。

内容图文

Javascript中的关键字

abstract continue finally instanceof private this

boolean default float int public throw

break do for interface return typeof

byte double function long short true

case else goto short native var

catch extends implements new super void

char false import null switch while

class final in package synchronized with

Javascript的数据结构

Javascript的数据类型有以下几种

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>摘自一段话：

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>JavaScript中的数据很简洁的。简单数据只有 undefined, null, boolean, number和string这五种，而复杂数据只有一种，即object。这就好比中国古典的朴素唯物思想，把世界最基本的元素归为金木水火土，其他复杂的物质都是由这五种基本元素组成。

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>JavaScript中的代码只体现为一种形式，就是function。

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>注意：不要和Number, String, Object, Function等JavaScript内置函数混淆

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>任何一个JavaScript的标识、常量、变量和参数都只是unfined, null, bool, number, string, object 和 function类型中的一种，也就typeof返回值表明的类型。除此之外没有其他类型了。 <SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>1、undefined

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>typeof(undefined) 返回也是 undefined。

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>可以将undefined赋值给任何变量或属性，但并不意味了清除了该变量，反而会因此多了一个属性。

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>2、null

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>ypeof(null)返回object，但null并非object，具有null值的变量也并非object

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>3、bollean

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>4、number

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>typeof(NaN)和typeof(Infinity)都返回number

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>NaN参与任何数值计算的结构都是NaN，而且 NaN != NaN 。

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>Infinity / Infinity = NaN 。

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>5、string

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>6、function

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>JavaScript的代码就只有function一种形式，function就是函数的类型。请看下面的程序：

function myfunc()

{

alert(”hello”);

};

alert( typeof (myfunc));

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>这个代码运行之后可以看到typeof(myfunc)返回的是function。以上的函数写法我们称之为“定义式”的，如果我们将其改写成下面的“变量式”的，就更容易理解了：

var myfunc = function ()

{

alert(”hello”);

};

alert( typeof (myfunc));

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>这里明确定义了一个变量myfunc，它的初始值被赋予了一个function的实体。因此，typeof(myfunc)返回的也是function。其实，这两种函数的写法是等价的，除了一点细微差别，其内部实现完全相同。也就是说，我们写的这些JavaScript函数只是一个命了名的变量而已，其变量类型即为function，变量的值就是我们编写的函数代码体。

<SPAN style=‘font-family: "宋体"; font-size: 10.5pt; mso-spacerun: "yes";‘>7、Object

创建一个没有任何属性的对象：

var o = {};

创建一个对象并设置属性及初始值：

var person = {name: “Angel”, age: 18, married: false };

创建一个对象并设置属性和方法：

var speaker = {text: “Hello World”, say: function(){alert( this .text)}};

创建一个更复杂的对象，嵌套其他对象和对象数组等：

var company =

{

name: “Microsoft”,

product: “softwares”,

chairman: {name: “Bill Gates”, age: 53, Married: true },

employees: [{name: “Angel”, age: 26, Married: false }, {name: “Hanson”, age: 32, Marred: true }],

readme: function() {document.write( this .name + ” product ” + this .product);}

};

再看下面的一段代码

<script>

function MyFunc(){};

var anObj = function(){

alert( "123" )};

MyFunc.call(anObj());

</script>

Javascript中的DOM树

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>HTML元素为根元素，HEAD 和 BODY为兄弟元素，他们有自己的子元素。HEAD元素有两个子元素，分别为META 和 TITLE，其中前者比较重要，负责着HTML页面的编码方式等信息

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>BODY下面又包含很多子元素...... 为了更形象的描述这个现象，我们称之为节点树！节点的概念来自于网络理论，自然界中的任何事物都是有原子构成的，原子就是自然界的节点，

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>当然，原子又可以细分为原子核和核外电子，于是，原子核和核外电子也成为节点，只是更小的节点。

<html>

<div id= "myclass" >

"hello,world"

</div>

</html>

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>元素节点

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>构成DOM树的所有< ++ >元素都是元素节点。例如上面的h1,p,ul等

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>文本节点

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>嵌套在元素节点之内的被称为文本节点。例如<div>hello,world</div>中的"hello,world"被成为文本节点

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>属性节点

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>上面代码中的"id=myclass"被称为属性节点

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>并非所有的元素都会有属性，但是所有的属性都会被包含在元素内

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>下面介绍几个DOM树中几个比较重要的属性对象

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>childNodes

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>childNodes可以把一个元素下的所有的元素都给检索出来

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>nodeType:

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>元素节点的属性值——1

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>文本节点的属性值——3

<SPAN style=‘font-family: "宋体"; font-size: 16px; mso-spacerun: "yes";‘>属性节点的属性值——2

nodeValue

文本节点的值，注意我们不能通过搜索到文本节点后调用该属性，而必须通过包含该文本节点的元素节点来进行调用

动态创建HTML

(1) 使用document.write()进行写

(2) innerHtml进行读写

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >

<html>

<head>

<meta http-equiv= "content-type" content= "text/html;charset=utf-8" />

</head>

<script>

function test(){

var html= "<p>tell me?</p>" ; //插入文本

document.body.getElementsByTagName( ‘div‘ )[0].innerHTML=html;

}

</script>

<body onload= "test()" >

<div>

hello

</div>

<div>

world

</div>

</body>

</html>

(3)DOM提供方法

(3.1) createElement

原文：http://www.cnblogs.com/CBDoctor/p/3747530.html

内容总结

以上是互联网集市为您收集整理的javascript中的数据结构全部内容，希望文章能够帮你解决javascript中的数据结构所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1223865.html

来源：【匿名】

【下一篇】JAVA/JSP学习系列之五

更多 ►

【javascript中的数据结构】教程文章相关的互联网学习教程文章

javascript中的数据结构【图】

Javascript中的关键字 abstract continue finally instanceof private thisboolean default float int public throwbreak do for interface return typeofbyte double function long short truecase else goto short native varc...

Java数据结构之排序---希尔排序【代码】【图】

希尔排序的基本介绍：希尔排序同之前的插入排序一样，它也是一种插入排序，只不过它是简单插入排序之后的一个优化的排序算法，希尔排序也被称为缩小增量排序。希尔排序的基本思想：希尔排序是把数组中给定的元素按照下标的一定增量进行分组，在分组之后，对每组使用直接插入排序算法；随着增量的减少，每组包含的元素越来越多，当增量减少到1的时候，整个数组正好被分成一组，此时该算法终止。通常我们判断增量是通过：第一次的增量...

数据结构——快速排序（使用Java）【代码】【图】

一、核心思想将待排序序列R[0...n-1]看成是n个长度为1的有序序列，将相邻的有序表成对归并，得到n/2个长度为2的有序表；将这些有序序列再次归并，得到n/4个长度为4的有序序列；如此反复进行下去，最后得到一个长度为n的有序序列。综上可知：归并排序其实要做两件事：（1）“分解”——将序列每次折半划分。（2）“合并”——将划分后的序列段两两合并后排序。我们先来考虑第二步，如何合并？在每次合并过程中，都是对两个有序的序...

java数据结构语法实例【代码】

带遍历public class Test4 {public static void main(String[] args) {HashMap<Phone,String> map = new HashMap<>();map.put(new Phone("Apple",7000),"美国");map.put(new Phone("Sony",5000),"日本");map.put(new Phone("Huawei",6000),"中国");Set<Phone> phones = map.keySet();Iterator<Phone> iterator = phones.iterator();while (iterator.hasNext()){Phone next = iterator.next();System.out.println(next.getBrand()+"...

Java千百问_06数据结构（008）_null属于哪种数据类型【代码】

点击进入_更多_Java千百问1、null属于哪种数据类型首先，在java中，null本身不是对象，也不是Objcet的实例。那么他属于哪种数据类型呢？了解数据类型看这里：java中数据类型是什么 java基本数据类型看这里：[java有哪8种基本数据类型3 具体看下面这个例子：if (null instanceof java.lang.Object) {System.out.println("null属于java.lang.Object类型"); } else {System.out.println("null不属于java.lang.Object类型"); }结果：...

数据结构之队列的java实现

队列在计算机术语中使用queue,和list(排)其实是一个意思。队列也是一种数据结构，类似于栈，只是与栈相反，在队列中最先插入的数据也最先被移除，即先进先出(FIFO,First In First Out)。队列可以理解成排队，比如，食堂窗口排的队，越在前面的，越早得到服务而先离开。在银行大厅的排号的机器也许就用了队列这个数据结构。在打印的时候，有“添加到队列”的选项，队列应用是很广泛的。队列的操作有：插入到队尾数据项，移除队头数据...

2，Java中的数据结构【图】

1，字符串（String）···String为特殊的引用类型，不可变。···常用实例方法：获取子串：substring(start, end); 获取索引：indexOf(char); 获取字符：charAt(index)；···常用静态方法：格式字符串：String.format("%s", 12); 转为字符串：String.valueOf(); 格式拼接：String.join(", ", list);···扩展： StringBuilder：可变对象，用来高效拼接字符串。 StringBuffer：是StringBuilder的线程安全版。···...

【Java】大话数据结构(11) 查找算法(2)（二叉排序树/二叉搜索树）【代码】【图】

本文根据《大话数据结构》一书，实现了Java版的二叉排序树/二叉搜索树。二叉排序树介绍在上篇博客中，顺序表的插入和删除效率还可以，但查找效率很低；而有序线性表中，可以使用折半、插值、斐波那契等查找方法来实现，但因为要保持有序，其插入和删除操作很耗费时间。二叉排序树(Binary Sort Tree)，又称为二叉搜索树，则可以在高效率的查找下，同时保持插入和删除操作也又较高的效率。下图为典型的二叉排序树。二叉查找树具有以下...

java数据结构-栈的底层实现：数组实现压入，弹出，判断空栈测试代码【代码】

package com.stack;/** * @auther 付强 * @date 2020/2/13 - 13:08 */public class TestMystack { public static void main(String[] args) { //先创建一个栈 Mystack mystack = new Mystack(); //压入数据 mystack.push(9); mystack.push(8); mystack.push(7); mystack.push(6); mystack.push(5); System.out.println(mystack.pick()); System.out.pri...

初转java随感（一）程序=数据结构+算法【图】

大学刚学编程的时候，有一句很经典的话程序=数据结构+算法今天有了进一步认识。场景：1、当前局面（1）有现成的封装好的分页组件返回结果是page。类型为：Page。包括 page 分页信息，data 数据列表 List型。（2）查询了一个数据列表 midResult。类型为 List<Map<String,Object>> 。2、想要的结果　　现在想把page midResult 两个结果集进行处理。返回页面。3、解决问题　　首先纠结的是，用哪种类型来存储数据。用List 还是Map<St...

20172305 2018-2019-1 《Java软件结构与数据结构》第二周学习总结【图】

20172305 2018-2019-1 《Java软件结构与数据结构》第二周学习总结教材学习内容总结本周内容主要为书第三章和第四章的内容：第三章(以数组来替代栈的作用)集合(聚集，组织了其他对象的对象)：线性集合(直线方式组织的集合)非线性集合(某种非直线方式组织的集合)抽象数据类型是一种在程序设计语言中尚未被定义其值和操作的数据类型。数据结构是一种用于实现集合的编程结构集。Java集合API是一个类集，表示了一些特定类型的集合。栈 ...

JavaScript数据结构——队列的实现与应用【代码】

队列与栈不同，它遵从先进先出（FIFO——First In First Out）原则，新添加的元素排在队列的尾部，元素只能从队列头部移除。　　我们在前一篇文章中描述了如何用JavaScript来实现栈这种数据结构，这里我们对应地来实现队列。function Queue() {let items = [];// 向队列添加元素（一个或多个）this.enqueue = function (element) {if (element instanceof Array) items = items.concat(element);else items.push(element);};// 从队...

javascript数据结构-栈【代码】【图】

github博客地址栈（stack）又名堆栈，它是一种运算受限的线性表。遵循后进先出原则，像垃圾桶似的。功能实现依然按照增删改查来进行，内部数据存储可以借用语言原生支持的数组。栈类function Stack(){this.data = []; } 添加数据数据添加到末尾push: function (element){this.data.push(element); } 删除数据从末尾删除pop: function (){this.data.pop(); } 获取数据返回最后一个添加的peek: function (){return this.data[this.si...

java数据结构-08队列【代码】【图】

一、什么是队列队列是一种特殊的线性表，只能在头尾两端进行操作，特点是先进先出；就像排队买票一样，先来的先买二、接口设计三、代码实现可以使用动态数组、链表等实现；这里两种实现栈与双向链表　　1、栈publicclass Queue {private Stack<Integer> inStack;private Stack<Integer> outStack; public Queue() {inStack = new Stack<>();outStack = new Stack<>();}/** 入队 */publicvoid push(int x) {inStack.push(x);}/**...

Java数据结构-串及其应用-KMP模式匹配算法【代码】

串（string）是由零个或多个宇符组成的有限序列，又名叫字符串。定义的解释： ??串中的字符数目n称为串的长度，定义中谈到“有限”是指长度n是一个有限的数值。 ??零个字符的串称为空串（null string），它的长度为零，可以直接用两双引号一表示，也可以用希腊Φ字母来表示。 ??所谓的序列，说明串的相邻字符之间具有前驱和后继的关系。下面是串的一些概念性东西：??空格串，是只包含空格的串。注意它与空串的区别，空格串是有内...

首页 / JAVA / javascript中的数据结构

javascript中的数据结构

内容导读

内容图文

Javascript中的关键字

Javascript的数据结构

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>1、undefined

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>2、null

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>3、bollean

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>4、number

<SPAN style=‘font-family: "宋体"; mso-spacerun: "yes";‘>5、string

Javascript中的DOM树

动态创建HTML

内容总结

内容备注

内容手机端

【javascript中的数据结构】教程文章相关的互联网学习教程文章

数据结构 - 相关标签

JAVA - 技术教程分类

JAVA - 最新教程

JAVA - 最热教程