首页 技术 正文
技术 2022年11月14日
0 收藏 806 点赞 3,548 浏览 2015 个字

一、对象

在javascript中,对象是拥有属性和方法的一种基本数据类型

1、创建object

创建object实例有如下两种方式:

  • 使用new操作符后跟object构造函数创建,如下代码:
var person=new object();person.name='nicholas';person.age='29';
  • 使用对象字面量表示法,如下代码:
var person={      name:'nicholas';   //在对象字面量中,使用逗号分隔不同属性      age:29                //最后一个属性后面不能加逗号};

2、访问对象属性

  • 用点表示法
alert(person.name);
  • 方括号表示法
alert(person["name"]);

ps:从功能上来说,这两种访问对象属性的方法没有任何区别,但是方括号的优点在于,它可以通过变量来访问属性。

二、数组

1、创建数组

  • 使用Array构造函数,如下代码:
var colors=new Array();var colors=new Array(20);  //如果预先知道数组要保存的项目数量,可以给构造函数传递该数量,而该数量会自动变成length属性的值var colors=new Array("red","blue","green");  //向构造函数传递数组中应该包含的项
  • 数组字面量表示法

数组字面量由一对包含数组项的方括号表示,多个数组之间用逗号隔开,如下代码:

var  colors=["red","blue","green"];  //创建一个包含三个字符串的数组var  names=[];   //创建一个空数组

2、读取和设置数组的值

在读取和设置数组的值时,要使用方括号并提供相应值的基于0的数字索引,如下所示:

var  colors=["red","blue","green"];  //定义一个字符串数组alert(colors[0]); //弹出数组的第一项colors[2]="black";  //修改第三项colors[3]="yellow";  //新增第四项

ps:数组的length属性并不是只读的,因此,通过设置这个属性,可以从数组的末尾移除或向数组中添加新项。如下所示:

var  colors=["red","blue","green"]; //创建一个包含三个字符串的数组colors.length=2; //从数组的末尾移除一项alert(colors[2]);    //undefined
var colors=["red","blue","green"];colors[colors.length]='black'; //在位置3添加一种颜色

3、数组的插入和删除

push方法

push方法在数组的尾部添加元素:

var colors=new Array();   //创建一个空数组colors.push("red","green");   //在数组后面添加两个元素

pop方法

pop方法删除数组的最后一个元素:

var colors=new Array("red","blue","green"); colors.pop();  //删除数组的最后一项元素
var colors=new Array("red","blue","green");var item=colors.pop();//pop方法也可以返回数组的最后一个元素alert(item)  //green

splice()

splice()可以删除任意数量的项,只需传入两个参数:要删除的第一项的位置和要删除的项数,例如,splice (0,2), 删除数组中前两项。当然splice(2,2)就是删除下标为2的数组元素。

var colors=new Array("red","blue","green");colors.splice(1,2);  //从数组的第二个元素开始 删除2个元素alert(colors)   //red

4、数组的排序

sort()方法

语法:arrayObject.sort(sortby)  //sortby可选。规定排序顺序。必须是函数。

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。

比较函数应该具有两个参数 a 和 b,其返回值如下:

 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

 若 a 等于 b,则返回 0。

 若 a 大于 b,则返回一个大于 0 的值。

<script>  var arr = [23,12,1,34,116,8,18,37,56,50];  var arr2 = arr.sort(function(a,b){     if (a>b) {      return 1;    }else if(a<b){      return -1    }else{      return 0;    }  })  console.log(arr2);  //返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116]
</script> 
上一篇: Spring框架概述
下一篇: cs端调用Ajax
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,983
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,500
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,344
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,127
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,761
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,838