学习笔记|基础JavaScript 前端|开发语言|javascript

基础JavaScript 一、两种注释方法

// lorem /*lorem*/

二、转义字符

代码输出 \'单引号 \"双引号 \\反斜杠 \n换行符 \r回车符 \t制表符 \b退格 \f换页符

三、数组 1. 使用 pop() 操作数组
使用 .pop() 函数从 myArray 中删除最后一项，并将取出的值分配给新变量 removedFromMyArray。

// 设置 const myArray = [["John", 23], ["cat", 2]]; // 只修改这一行下面的代码 const removedFromMyArray = myArray.pop();

2. 使用 shift() 操作数组 - 移出第一个元素
使用 .shift() 函数从 myArray 中删除第一项，并将“移除的值”值分配给新变量 removedFromMyArray。

// 设置 const myArray = [["John", 23], ["dog", 3]]; // 只修改这一行下面的代码 const removedFromMyArray = myArray.shift();

3. 使用 unshift() 操作数组
使用 unshift() 将 [“Paul”, 35] 添加到 myArray 变量的开头。

// 设置 const myArray = [["John", 23], ["dog", 3]]; myArray.shift(); // 只修改这一行下面的代码 myArray.unshift(["Paul", 35])

四、全局作用域和函数未使用 let 或 const 关键字声明的变量会在 global 范围内自动创建。
五、排队（重点）在计算机科学中队列（queue）是一个抽象的数据结构（Data Structure），队列中的条目都是有秩序的。新的条目会被加到队列的末尾，旧的条目会从队列的头部被移出。
写一个函数 nextInLine，用一个数组（arr）和一个数字（item）作为参数。
把数字添加到数组的结尾，然后移出数组的第一个元素。
最后 nextInLine 函数应该返回被删除的元素。

function nextInLine(arr, item) { // 只修改这一行下面的代码 arr.push(item); const items = arr.shift(); return items; // 只修改这一行上面的代码 }// 设置 const testArr = [1, 2, 3, 4, 5]; // 显示代码 console.log("Before: " + JSON.stringify(testArr)); console.log(nextInLine(testArr, 6)); console.log("After: " + JSON.stringify(testArr));

六、比较不同值相等运算符 () 和严格相等运算符 (=)
不等符(!=)和严格不等符(!==)
七、JavaScript 对象(!) 你之前可能听过 object 这个词。
对象和 arrays 类似，区别在于数组使用索引来访问和修改数据，而对象中的数据是通过 properties 访问的。
对象非常适合用来存储结构化数据，可以表示真实世界中的物体，比如一只猫。
【学习笔记|基础JavaScript】这里是一个猫对象的样本：

const cat = { "name": "Whiskers", "legs": 4, "tails": 1, "enemies": ["Water", "Dogs"] };

通过点号表示法访问对象属性
和访问数组类似，访问对象属性有两种方式：点号表示法（.）和方括号表示法（[]）。
如果我们已经提前知道要访问的属性名，使用点号表示法是最方便的。
这里是一个用点符号（.）读取对象属性的示例：

const myObj = { prop1: "val1", prop2: "val2" }; const prop1val = myObj.prop1; const prop2val = myObj.prop2;

使用方括号表示法访问对象属性
访问对象属性的第二种方式是方括号表示法（[]）。如果你想访问的属性名中包含空格，就必须使用方括号表示法来获取它的属性值。
当然，如果属性名不包含空格，也可以使用方括号表示法。
这是一个使用方括号表示法读取对象属性的例子：

const myObj = { "Space Name": "Kirk", "More Space": "Spock", "NoSpace": "USS Enterprise" }; myObj["Space Name"]; myObj['More Space']; myObj["NoSpace"];

操作复杂对象
操作复杂对象
有时你可能希望将数据存储在一个灵活的数据结构（Data Structure）中。 JavaScript 对象是一种灵活的数据结构。它可以储存字符串（strings）、数字（numbers）、布尔值（booleans）、数组（arrays）、函数（functions）和对象（objects）以及这些值的任意组合。
这是一个复杂数据结构的示例：