学习JavaScript第三天

文章目录

• 1.数组
• • 1.1创建数组
  • 1.2数组方法
  • 1.3数组遍历
• 2.函数
• • 2.1函数的定义
  • 2.2函数的参数以及返回值
  • 2.3函数的作用域
  • 2.4函数传参
• 3.对象

1.数组

在JavaScript中，数组是一种非常灵活的数据结构，用于存储多个值。数组可以包含任何类型的数据，包括数字、字符串、对象甚至其他数组（也就是多维数组）。JavaScript中的数组是动态的，这意味着它们的大小可以随时改变。

1.1创建数组

1. 数组字面量

let arr = [1,2,3,4,5]

2. Array构造函数：

let fruits = new Array("Apple", "Banana", "Cherry");

3. Array.of()：

let fruits = Array.of("Apple", "Banana", "Cherry");

4. Array.from()：

let arrayLike = {0: "Apple", 1: "Banana", 2: "Cherry", length: 3}

1.2数组方法

JavaScript数组提供了许多内置方法，用于操作数组。以下是一些常用的数组方法：

1. push() 和 pop()：
   • push()：在数组末尾添加一个或多个元素，并返回新数组的长度。
   • pop()：移除数组的最后一个元素，并返回被移除的元素。

let fruits = ["Apple", "Banana"];
fruits.push("Cherry");
console.log(fruits); // 输出 ["Apple", "Banana", "Cherry"]
let removed = fruits.pop();
console.log(fruits); // 输出 ["Apple", "Banana"]
console.log(removed); // 输出 "Cherry"

2. unshift() 和 shift()：
   • unshift()：在数组的开头添加一个或多个元素，并返回新数组的长度。
   • shift()：移除数组的第一个元素，并返回被移除的元素。

let fruits = ["Banana", "Cherry"];
fruits.unshift("Apple");
console.log(fruits); // 输出 ["Apple", "Banana", "Cherry"]
let removed = fruits.shift();
console.log(fruits); // 输出 ["Banana", "Cherry"]
console.log(removed); // 输出 "Apple"

1.3数组遍历

你可以使用多种方式遍历数组：

1. for循环：

let fruits = ["Apple", "Banana", "Cherry"];
for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}

2. forEach()

let fruits = ["Apple", "Banana", "Cherry"];
fruits.forEach(fruit => {
  console.log(fruit);
});

3. for … of循环：

let fruits = ["Apple", "Banana", "Cherry"];
for (let fruit of fruits) {
  console.log(fruit);
}

2.函数

JavaScript中的函数是一段可以被重复调用的代码块。函数允许你组织代码，使其更加模块化和可重用。以下是JavaScript函数的一些基本概念和用法。

2.1函数的定义

function functionName(parameters) {
  // 代码
}

2.2函数的参数以及返回值

function calculateSquare(number) {
  return number * number;
}
console.log(calculateSquare(5)); // 输出 25

2.3函数的作用域

函数有自己的作用域，这意味着在函数内部声明的变量在函数外部是不可见的。

2.4函数传参

function doSomethingWith(value, callback) {
  return callback(value);
}

function square(x) {
  return x * x;
}

console.log(doSomethingWith(4, square)); // 输出 16

3.对象

什么是对象？

• 在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成的。
• 属性：事物的特征，在对象中用属性来表示（常用名词）
• 方法：事物的行为，在对象中用方法来表示（常用动词）
  创建对象的三种方式：

1. 使用对象字面量创建对象：

var star = {
name : 'pink',
age : 18,
sex : '男',
sayHi : function(){
alert('大家好啊~');
}
};

2. 利用 new Object 创建对象:

var andy = new Obect();
andy.name = 'pink';
andy.age = 18;
andy.sex = '男';
andy.sayHi = function(){
alert('大家好啊~');

3. 利用构造函数创建对象
   构造函数
   构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new
   运算符一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。
   构造函数的封装格式：

function 构造函数名(形参1,形参2,形参3) {
this.属性名1 = 参数1;
this.属性名2 = 参数2;
this.属性名3 = 参数3;
this.方法名 = 函数体;
}