理解字符串的不可变性!当你搞懂不可变性后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 != "1" // false
1 != '1' // false
1 != true // false
0 != false // false
不全等运算符(!==
)与全等运算符是相反的。这意味着“不全等”并返回false
的地方,用全等运算会返回 true
,反之亦然。全等运算符不会转换值的数据类型。
例如
3 !== 3 // false
3 !== '3' // true
4 !== 3 // true
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
7 >= '3' // true
2 >= 3 // false
'7' >= 9 // false
'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
创建 属性
。