javascript-FCC笔记

本文主要是介绍javascript-FCC笔记，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

理解字符串的不可变性！当你搞懂不可变性后immutable.js对于你就是小菜一碟了。

在 JavaScript 中，字符串 的值是不可变的，这意味着一旦字符串被创建就不能被改变。

例如，下面的代码：

var myStr = "Bob";
myStr[0] = "J";

是不会把变量 myStr 的值改变成 "Job" 的，因为变量 myStr 是不可变的。注意，这 并不 意味着 myStr 永远不能被改变，只是字符串字面量 string literal 的各个字符不能被改变。改变 myStr 中的唯一方法是重新给它赋一个值，就像这样：

var myStr = "Bob";
myStr = "Job";

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

与字符串的数据不可变不同，数组的数据是可变的，并且可以自由地改变。

例如

var ourArray = [3,2,1];
ourArray[0] = 1; // ourArray等于 [1,2,1]

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

在计算机科学中 队列（queue）是一个抽象的数据结构，队列中的条目都是有秩序的。新的条目会被加到队列 的末尾，旧的条目会从队列 的头部被移出。

写一个函数 queue ，用一个数组arr和一个数字item作为参数。数字item添加到数组的结尾，然后移出数组的第一个元素，最后队列函数应该返回被删除的元素。

function queue(arr, item) {arr.push(item);return arr.shift(); 
}

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

1 == 1 // true
1 == 2 // false
1 == '1' // true
"3" == 3 // true

全等（===）是相对于相等操作符（==）的一种操作符。与相等操作符不同的是全等比较严格，它会同时比较元素的值和数据类型。

举个例子

3 === 3 // true
3 === '3' // false

3 是一个数字 类型的，而'3' 是一个字符 类型的，所以3不全等于'3'。

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

2 < 5 // true
'3' < 7 // true
5 < 5 // false
3 < 2 // false
'8' < 4 // false

4 <= 5 // true
'7' <= 7 // true
5 <= 5 // true
3 <= 2 // false
'8' <= 4 // false

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

switch(val) {
case 1:
case 2:
case 3:
result = "1, 2, or 3";
break;
case 4:
result = "4 alone";
}

分支1、2、3将会产生相同的输出结果。

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

这是一个使用中括号操作符([])读取对象属性的例子：

var myObj = {
"Space Name": "Kirk",
"More Space": "Spock"
};
myObj["Space Name"]; // Kirk
myObj['More Space']; // Spock

提示：属性名称中如果有空格，必须把属性名称用单引号或双引号包裹起来。

我们同样可以删除对象的属性，例如：

delete ourDog.bark;

有时检查一个对象属性是否存在是非常有用的，我们可以用.hasOwnProperty(propname)方法来检查对象是否有该属性。如果有返回true，反之返回false。

举例

var myObj = {
top: "hat",
bottom: "pants"
};
myObj.hasOwnProperty("top"); // true
myObj.hasOwnProperty("middle"); // false

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

JavaScript Object Notation 简称JSON，它使用JavaScript对象的格式来存储数据。JSON是灵活的，因为它允许数据结构 是字符串，数字，布尔值，字符串，和对象 的任意组合。

这里是一个JSON对象的示例：

var ourMusic = [
{
"artist": "Daft Punk",
"title": "Homework",
"release_year": 1997,
"formats": [
"CD",
"Cassette",
"LP" ],
"gold": true
}
];

这是一个对象数组，并且对象有各种关于专辑的 详细信息。它也有一个嵌套的 formarts 的数组。附加专辑记录可以被添加到数组的最上层。

提示
数组中有多个 JSON 对象的时候，对象与对象之间要用逗号隔开。

通过串联起来的点操作符或中括号操作符来访问JSON对象的嵌套属性。

下面是一个嵌套的JSON对象：

var ourStorage = {
"desk": {
"drawer": "stapler"
},
"cabinet": {
"top drawer": {
"folder1": "a file",
"folder2": "secrets"
},
"bottom drawer": "soda"
}
}
ourStorage.cabinet["top drawer"].folder2; // "secrets"
ourStorage.desk.drawer; // "stapler"

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Regular expressions 正则表达式被用来根据某种匹配模式来寻找strings中的某些单词。

举例：如果我们想要找到字符串The dog chased the cat中单词the，我们可以使用下面的正则表达式: /the/gi

我们可以把这个正则表达式分成几段：

/ 是这个正则表达式的头部

the 是我们想要匹配的模式

/ 是这个正则表达式的尾部

g 代表着global(全局)，意味着返回所有的匹配而不仅仅是第一个。

i 代表着忽略大小写，意思是当我们寻找匹配的字符串的时候忽略掉字母的大小写。

特殊选择器中的一种就是数字选择器\d，意思是被用来获取一个字符串的数字。

在JavaScript中, 数字选择器类似于: /\d/g。

在选择器后面添加一个加号标记(+)，例如：/\d+/g，它允许这个正则表达式匹配一个或更多数字。

我们也可以使用正则表达式选择器 \s 来选择一个字符串中的空白。

空白字符有 " " (空格符)、\r (回车符)、\n (换行符)、\t (制表符) 和\f (换页符)。

空白正则表达式类似于：

/\s+/g

你可以用正则表达式选择器的大写版本 来转化任何匹配。

举个例子：\s 匹配任何空白字符，\S 匹配任何非空白字符。

var str="1231jf   ow   ief";
console.log(str.match(/\S+/g));

返回：[ '1231jf', 'ow', 'ief' ]

var str="1231jf   ow   ief";
console.log(str.match(/\S/g));

返回：[ '1', '2', '3', '1', 'j', 'f', 'o', 'w', 'i', 'e', 'f' ]

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
创建对象：

1、对象字面量：

var car = {"wheels":4,"engines":1,"seats":5
};

2、构造函数：

除了上一种方法外，我们还可以使用构造函数来创建对象。

构造函数 通常使用大写字母开头，以便把自己和其他普通函数区别开。

下面便是一个 构造函数 了：

var Car = function() {
  this.wheels = 4;
  this.engines = 1;
  this.seats = 1;
};

在 构造函数 中， this 指向被此 构造函数 创建出来的 对象 。所以，当我们在 构造函数 中写：

  this.wheels = 4;

这时，它创建出来的新对象将带有 wheels 属性，并且赋值为 4.

你可以认为 构造函数 描述了它所创建出来的对象。

使用构造函数时，我们通过在它前面使用 new 关键字 来对它进行调用，如下：

var myCar = new Car();

myCar 现在成为了Car 的一个 实例（instance），它被 构造函数 描述成下面的样子：

{
  wheels: 4,
  engines: 1,
  seats: 1
}

记住：要使用 new 关键字 去调用构造函数。因为只有这样，Javascript才知道这是要去构造一个新对象 ，并且把构造函数中的 this 指向这个新对象。

对象拥有自己的特征，称为 属性，对象还有自己的函数，称为 方法 。

在前面的课程（构造函数）中，我们使用了 this指向当前（将要被创建的）对象中的 公有属性 。

我们也可以创建 私有属性 和 私有方法 ，它们两个在对象外部是不可访问的。

为了完成这个任务，我们在 构造函数 中，使用我们熟悉的 var 关键字去创建变量，来替代我们使用 this 创建 属性 。

这篇关于javascript-FCC笔记的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---