JavaScript笔记:对象及数组

2022-04-27 18:27:38

一、对象

在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>

码农公寓