JavaScript中的数组使用及常见的属性和方法

JavaScript的概念

JavaScript是一种广泛用于Web开发的编程语言，它可以实现动态网页效果、交互式用户界面和数据验证等功能。JavaScript是一种解释型语言，不需要编译器，而是由浏览器直接解释执行。

JavaScript的组成

1. ECMAScript : js语言核心部分，描述了该语言的语法和基本对象；
2. DOM ：文档对象模型,网页文档操作标准；
3. BOM ：浏览器对象模型，客户端和浏览器窗口操作基础。

JavaScript中数组的常见属性及方法

一.数组属性

1、constructor：返回创建Array对象原型的函数

  var animals = ["狮子", "老虎", "老鼠", "猫咪"];
  
  console.log(animals.constructor);//控制台查看其返回的函数
        // 返回 function Array() { [native code] }

运行结果:

2、length
返回其数组的长度(或数组中的元素数量)

var animals = ["狮子", "老虎", "老鼠", "猫咪"];
 
console.log(animals.length);//控制台输出其数组的长度

结果:

二.数组方法

我这里将会演示一部分，最后面会以表格说明其他方法。

1、push()
是新增元素的，当然可以新增一个或多个元素，不过是新增在结尾。

  var animals = ["狮子", "老虎", "老鼠", "猫咪"];
  animals.push('老鹰');//push()在数组结尾新增一个元素
  
  var animal=["狮子", "老虎", "老鼠", "猫咪"];
  animal.push('老鹰','长颈鹿');//在数组结尾新增多个元素
  
  console.log(animals);//控制台输出
  console.log(animal)

运行结果:

2、unshift()
与上面的push()都是新增元素，只不过区别就是push()是在新增结尾，而unshift()是新增在数组开头。

var animals = ["狮子", "老虎", "老鼠", "猫咪"];
animals.unshift('老鹰');//push()在数组开头新增一个元素

var animal=["狮子", "老虎", "老鼠", "猫咪"];
animal.unshift('老鹰','长颈鹿');//在数组开头新增多个元素

console.log(animals);//控制台输出
console.log(animal)

运行结果;

3、pop()

是用来删除数组最后一个元素的。

 var animals = ["狮子", "老虎", "老鼠", "猫咪"];
 animals.pop();//删除数组的最后一个元素
 console.log(animals);//控制台输出

运行结果:

4、shift()

与上面的pop()都是用来删除的，但是pop()是用来删除数组最后一个元素，而shift()是用来删除数组的第一个元素。

 var animals = ["狮子", "老虎", "老鼠", "猫咪"];
        animals.shift();//删除数组的第一个元素
        console.log(animals);//控制台输出

运行结果:

5、reverse()

其作用是反转数组中的元素位置。

var animals = ["狮子", "老虎", "老鼠", "猫咪"];
        animals.reverse();//反转数组的中元素
        console.log(animals);//控制台输出

运行结果:

6、sort()

若数组中是数字，可以用来排序。

var nums = [6,2,7,8,4];
        nums.sort();//对数组的元素进行排序
        console.log(nums);//控制台输出

运行结果:

7、splice()

其方法可以删改，所以使用有多种，以下我将一一测试。

这是删除，一个参数输入其位置，若是1，则是第1个之后都被删除。

var nums = [6,2,7,8,4];
        nums.splice(1);//这是删除数组中的元素是根据其位置，比如从1开始，那么‘6’之后都将被删除
        console.log(nums);//控制台输出

改：
splice(参数1，参数2，参数3)
参数1：是其输入第几个数
参数2:根据参数一位条件之后的要改的几个数，这里是讲其2之后的一个数改为6，如果是2的话，那就是将其两个数改成一个数为6。
参数3：是所要修改成的元素。

var nums = [6,2,7,8,4];
       nums.splice(2,1,6)//改
        console.log(nums);//控制台输出

运行结果:

8、join()

用来隔开数组的，用指定的符号隔开。

 var nums = [6,2,7,8,4];
        console.log( nums.join("/"));//将数组以指定的符号隔开,控制台输出

运行结果:

9、toString()

是可以将数组转换为字符串形式。

 var nums = [6,2,7,8,4];
        console.log( nums.toString());//将数组转换为字符串,控制台输出

运行结果:

2.1 常见方法