返回

JavaScript基础(数组、函数、对象)

前端

目录

  • 数组
  • 函数
  • 对象

数组

数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。数组是指一组数据的集合,其中的每个数据被称作元素,在数组中,元素的类型必须相同。

数组的声明和初始化:

var arr = [1, 2, 3, 4, 5];

数组的操作:

  • 访问数组元素:
var firstElement = arr[0]; // 1
  • 添加元素到数组末尾:
arr.push(6); // arr = [1, 2, 3, 4, 5, 6]
  • 删除数组末尾的元素:
arr.pop(); // arr = [1, 2, 3, 4, 5]
  • 获取数组长度:
var length = arr.length; // 5
  • 遍历数组:
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}
  • 排序数组:
arr.sort(); // arr = [1, 2, 3, 4, 5]
  • 反转数组:
arr.reverse(); // arr = [5, 4, 3, 2, 1]

函数

函数是JavaScript中的一段可以重复使用的代码块。函数可以接受参数,并返回一个值。

函数的声明和定义:

function sum(a, b) {
  return a + b;
}

函数的调用:

var result = sum(1, 2); // result = 3

对象

对象是JavaScript中的一种数据类型,可以存储一组键值对。键是一个字符串,值可以是任何数据类型。

对象的声明和初始化:

var person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

访问对象属性:

var name = person.name; // "John Doe"

添加对象属性:

person.job = "Software Engineer";

删除对象属性:

delete person.job;

遍历对象属性:

for (var key in person) {
  console.log(key + ": " + person[key]);
}

对象的方法:

对象的方法是对象的一种属性,但它是一个函数。方法可以接受参数,并返回一个值。

对象方法的声明和定义:

var person = {
  name: "John Doe",
  age: 30,
  city: "New York",
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};

调用对象方法:

person.greet(); // Hello, my name is John Doe