JavaScript基础18——js的Array对象

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>js的Array对象</title>
 6         <script type="text/javascript">
 7             var arr = [1,2,3,4,5];
 8             document.write("数组:" + arr);
 9             // length属性,获取数组的长度
10             document.write("<br />数组的长度:" + arr.length);
11             // concat()方法,连接两个数组,返回一个新数组
12             document.write("<br />concat()方法:" + arr.concat([‘a‘,‘b‘,‘c‘,‘d‘,‘e‘]));
13             // join()方法,在每个数组之间加入一个指定的字符,返回一个字符串
14             document.write("<br />join()方法:" + arr.join(‘-‘));
15             // push()方法,向数组末尾添加元素,返回数组的新长度,不管加入的是数组还是字符串,都是作为一个整体,如果添加的一个[1,2],那么返回的长度还是原数组长度+1
16             document.write("<br />push()方法:" + arr.push("push"));
17             document.write("<br />更新后的数组:" + arr);
18             // pop()方法,删除最后一个元素,并返回删除的那个元素
19             document.write("<br />pop()方法:" + arr.pop());
20             document.write("<br />删除后的数组:" + arr);
21             // reverse()方法,颠倒数组中的元素顺序
22             document.write("<br />reverse()方法:" + arr.reverse());
23         </script>
24     </head>
25     <body>
26
27     </body>
28 </html>

时间: 2024-10-17 00:20:11

JavaScript基础18——js的Array对象的相关文章

JavaScript基础15——js的DOM对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的DOM对象</title> 6 <script type="text/javascript"> 7 // DOM:Document Object Model 文档对象模型 8 /* 9 文档:超文本文档html.xml 10 对象:提供了属

JavaScript基础17——js的Date对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的Date对象</title> 6 <script type="text/javascript"> 7 var date = new Date(); 8 document.write("当前日期:" + date); 9

JavaScript基础13——js的string对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的string对象</title> 6 <script type="text/javascript"> 7 var str = "abcdefg"; 8 document.write("str字符串:"

JavaScript基础14——js的Math对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的Math对象</title> 6 <script type="text/javascript"> 7 // Math对象中的都是静态方法,不用实例化对象就可以使用 8 var num = 10.5; 9 document.write(&qu

JavaScript基础16——js的BOM对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的BOM对象</title> 6 <script type="text/javascript"> 7 // BOM:Broswer Object Model 浏览器对象模型 8 /* 9 navifator 获取客户端(浏览器)的信息 10

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name

JavaScript学习12 JS中定义对象的几种方式【转】

avaScript学习12 JS中定义对象的几种方式 转自:  http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型("prototype")方式 5.动态原型方式 一.基于已有对象扩充其属性和方法 <script type="text/javascript

原生JS:Array对象详解

Array对象 创建数组: 数组字面量:var arr1 = [1,2,3]; Array构造函数1:var arr2 = new Array(1,2,3);  //[1,2,3] Array构造函数2:var arr3 = new Array(3);  var arr3 = new Array(‘3’);  var arr3 = new Array('ol'); 错误写法:var arr3 = new Array(3.2);  var arr3 = new Array(-3); 例:var a

js中Array对象的属性和方法总结

一:属性 length length除了常见的读取数组的长度以外,也可以通过修改length的值来给数组增加或者删除元素,当length数值减少的时候,从数组末尾删除相应元素:增加的时候增加相应数量的元素,但是新增元素没有赋值的时候,初始值为undefined; 二:方法 检测数组 if(obj instanceof Array){ //执行对数组的操作 } 但是这种方法有一个问题.当页面由框架组成的时候,不同的框架中的Window对象是不同的,而Array对象实际上是Window对象的一个属性