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'。


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

1 != 2 // true
1 != "1" // false
1 != '1' // false
1 != true // false
0 != false // false

不全等运算符(!==)与全等运算符是相反的。这意味着“不全等”并返回false 的地方,用全等运算会返回 true反之亦然。全等运算符不会转换值的数据类型。

例如

3 !== 3 // false
3 !== '3' // true
4 !== 3 // true

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

6 >= 6 // true
7 >= '3' // true
2 >= 3 // false
'7' >= 9 // false

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语句中的 case分支的 break 语句漏掉了,后面的 case语句会一直执行直到遇到 break。如果你有多个输入值和输出值一样,可以试试下面的 switch语句:

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 创建 属性



























评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值