个人总结的一些关于 String、Function、Array 的属性和用法

String

字符串是 JavaScript 中最常见的数据类型之一。以下是一些关于字符串的属性和用法：

长度

使用 length 属性可以获取字符串的长度。

const str = "hello world";
console.log(str.length); // 11

查找子串

使用 indexOf 方法可以查找某个子串在字符串中第一次出现的位置，如果没有找到返回 -1。

const str = "hello world";
console.log(str.indexOf("l")); // 2
console.log(str.indexOf("x")); // -1

切割字符串

使用 substring 或 slice 方法可以切割字符串。

const str = "hello world";
console.log(str.substring(0, 5)); // "hello"
console.log(str.slice(0, 5)); // "hello"

替换子串

使用 replace 方法可以替换某个子串。

const str = "hello world";
console.log(str.replace("world", "everyone")); // "hello everyone"

Function

函数是 JavaScript 中的核心概念之一。以下是一些关于函数的属性和用法：

声明函数

使用 function 关键字可以声明一个函数。

function hello() {
  console.log("hello");
}

hello(); // "hello"

匿名函数

可以使用匿名函数来创建没有名字的函数，也叫做函数表达式。

const hello = function() {
  console.log("hello");
};

hello(); // "hello"

回调函数

函数可以作为参数传递给另一个函数，这种函数就叫做回调函数。

function doSomething(callback) {
  console.log("doing something");
  callback();
}

function finish() {
  console.log("finished");
}

doSomething(finish);
// "doing something"
// "finished"

箭头函数

ES6 引入了箭头函数，可以用更简洁的语法来声明函数。

const hello = () => console.log("hello");

hello(); // "hello"

Array

数组也是 JavaScript 中很常见的数据类型之一。以下是一些关于数组的属性和用法：

创建数组

使用数组字面量或 new 关键字可以创建一个数组。

const arr1 = [1, 2, 3];
const arr2 = new Array(1, 2, 3);

访问数组元素

使用索引可以访问数组中的元素，索引从 0 开始。

const arr = [1, 2, 3];
console.log(arr[0]); // 1
console.log(arr[1]); // 2

修改数组元素

可以用索引来修改数组中的元素。

const arr = [1, 2, 3];
arr[1] = 4;
console.log(arr); // [1, 4, 3]

添加和删除元素

可以使用 push 和 pop 方法来添加和删除数组末尾的元素，使用 unshift 和 shift 方法来添加和删除数组开头的元素。

const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]
arr.pop();
console.log(arr); // [1, 2, 3]
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]
arr.shift();
console.log(arr); // [1, 2, 3]

示例说明

示例一 - 字符串

假设有一个字符串数组如下：

const arr = ["hello", "world", "javascript"];

现在需要将数组中的每个字符串的第一个字母大写，可以使用循环和字符串的 toUpperCase 方法来实现。

for (let i = 0; i < arr.length; i++) {
  arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].substring(1);
}
console.log(arr);
// ["Hello", "World", "Javascript"]

示例二 - 函数

假设有一个函数需要执行 n 次，并且每次之间需要间隔一定的时间。以下是一种使用回调函数和 setTimeout 的实现方式。

function doSomethingNTimes(n, callback) {
  let i = 0;
  const intervalId = setInterval(() => {
    i++;
    callback(i);
    if (i === n) {
      clearInterval(intervalId);
    }
  }, 1000);
}

function printNumber(i) {
  console.log(i);
}

doSomethingNTimes(5, printNumber);
// 1
// 2
// 3
// 4
// 5