From 74b50a4ddec795c20a926d952ff54299df684518 Mon Sep 17 00:00:00 2001 From: jaywcjlove Date: Mon, 17 Oct 2022 15:26:20 +0000 Subject: [PATCH] doc: update `javascript.md`. bc0868020a89f66cc17f72b55402810decb8d83c --- docs/javascript.html | 226 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 206 insertions(+), 20 deletions(-) diff --git a/docs/javascript.html b/docs/javascript.html index 38080730..d9e4d3c7 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -327,17 +327,17 @@ sum(3, 6); // 9

匿名函数

-
// Named function
+
// 命名函数
 function rocketToMars() {
   return 'BOOM!';
 }
-// Anonymous function
+// 匿名函数
 const rocketToMars = function() {
   return 'BOOM!';
 }
 

-

箭头函数 (ES6)

- +

箭头函数 (ES6)

+

有两个参数

const sum = (param1, param2) => { 
   return param1 + param2; 
@@ -468,7 +468,167 @@

变量使用 let 有自己的副本，变量有使用 var 的共享副本。

JavaScript Arrays

-

数组

+

方法

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
:-:-
Array.from()类似数组对象创建一个新的 #
Array.isArray()值是否是一个 Array #
Array.of()创建一个新数组示例 #
.at()返回值索引对应的元素 #
.concat()合并两个或多个数组 #
.copyWithin()浅复制替换某个位置 #
.entries()新的 Array Iterator 对象 #
.every()是否能通过回调函数的测试 #
.fill()固定值填充一个数组中 #
.filter()返回过滤后的数组 #
.find()第一个元素的值 #
.findIndex()第一个元素的索引 #
.findLast()最后一个元素的值 #
.findLastIndex()最后一个元素的索引 #
.flat()扁平化嵌套数组 #
.flatMap()与 flat 相同 #
.forEach()升序循环执行 #
.includes()是否包含一个指定的值 #
.indexOf()找到给定元素的第一个索引 #
.join()数组链接成一个字符串 #
.keys()每个索引键 #
.lastIndexOf()给定元素的最后一个索引 #
.map()循环返回一个新数组 #
.pop()删除最后一个元素 #
.push()元素添加到数组的末尾 #
.reduce()循环函数传递当前和上一个值 #
.reduceRight()类似 reduce 从右往左循环 #
.reverse()数组元素的位置颠倒 #
.shift()删除第一个元素 #
.slice()提取元素 #
.some()至少有一个通过测试函数 #
.sort()元素进行排序 #
.splice()删除或替换或添加元素 #
.toLocaleString()字符串表示数组中的元素 #
.toString()返回字符串 #
.unshift()元素添加到数组的开头 #
.values()返回新的 ArrayIterator 对象 #
+

数组

const fruits = ["apple", "dew", "banana"];
 // 不同的数据类型
 const data = [1, 'chicken', false];
@@ -543,18 +703,19 @@

从末尾删除一个项目并返回已删除的项目。

方法 .shift()

-
let cats = ['Bob', 'Willy', 'Mini'];
-cats.shift(); // ['Willy', 'Mini']
+
const array1 = [1, 2, 3];
+const firstElement = array1.shift();
+console.log(array1); // 输出: Array [2, 3]
+console.log(firstElement); // 输出: 1
 

 
从头删除一个项目并返回已删除的项目。

-

方法 .unshift()

-
let cats = ['Bob'];
-// => ['Willy', 'Bob']
-cats.unshift('Willy');
-// => ['Puff', 'George', 'Willy', 'Bob']
-cats.unshift('Puff', 'George');
+

方法 .some()

+
const array = [1, 2, 3, 4, 5];
+// 检查元素是否为偶数
+const even = (element) => element % 2 === 0;
+console.log(array.some(even));
+// 预期输出: true
-

将项目添加到开头并返回新的数组长度。

方法 .concat()

const numbers = [3, 2, 1]
 const newFirstNumber = 4
@@ -566,6 +727,34 @@
 numbers.concat(newFirstNumber)

如果你想避免改变你的原始数组，你可以使用 concat。

+

方法 .splice()

+
const months = ['Jan', 'March'];
+months.splice(1, 0, 'Feb');
+// 在索引 1 处插入
+console.log(months);
+// 预期输出: Array ["Jan", "Feb", "March"]
+
+months.splice(2, 1, 'May');
+// 替换索引 2 处的 1 个元素
+console.log(months);
+// 预期输出: Array ["Jan", "Feb", "May"]
+
+

方法 .unshift()

+
let cats = ['Bob'];
+// => ['Willy', 'Bob']
+cats.unshift('Willy');
+// => ['Puff', 'George', 'Willy', 'Bob']
+cats.unshift('Puff', 'George');
+
+

将项目添加到开头并返回新的数组长度。

+

方法 .filter()

+
const words = ['js', 'java', 'golang'];
+const result = words.filter(word => {
+  return  word.length > 3
+});
+console.log(result);
+// 预期输出: Array ["java", "golang"]
+

JavaScript 循环

While 循环

while (condition) {
@@ -798,19 +987,16 @@

删除运算符

const person = {
   firstName: "Matilda",
-  age: 27,
   hobby: "knitting",
   goal: "learning JavaScript"
 };
-delete person.hobby; // or delete person[hobby];
+delete person.hobby; // 或 delete person['hobby'];
 console.log(person);
 /*
 {
   firstName: "Matilda"
-  age: 27
   goal: "learning JavaScript"
-}
-*/
+} */

对象作为参数

const origNum = 8;
@@ -856,7 +1042,7 @@
 };
 console.log(cat.whatName()); // => Pipey
-

方法

+

方法

const engine = {
   // 方法简写，有一个参数
   start(adverb) {