这篇文章主假如对阮一峰先生javascript教程中数据范例和运算的笔记,轻易影象。有须要的朋侪发起直接寓目阮一峰先生javascript教程,写得更细致一:数据范例概述1、简介6
这篇文章主假如对阮一峰先生Javascript教程中数据范例和运算的笔记,轻易影象。
有须要的朋侪发起直接寓目阮一峰先生Javascript教程,写得更细致
一:数据范例概述
1、简介6种数据
1.1数值(number):整数和小数
1.2字符串(string):文本
1.3布尔值(boolean):示意真伪的两个特别值,即true(真)和false(假)
1.4undefined:示意“未定义”或不存在
1.5null:示意空值,
1.6对象(object):种种值构成的鸠合,分红三个子范例。
- 狭义的对象(object)
- 数组(array)
- 函数(function)
2、typeof 运算符
这个运算符测试一个值究竟是什么数据范例
重点就是
typeof null // "object"
typeof undefined // "undefined"
二、null, undefined 和布尔值
1、null, undefined转数字化
null 转为数字是 0
undefined 转为数字是 NAN
2、null, undefined的运用场景
null示意空值。
undefined示意“未定义”,场景有4个
var i;
i // undefined
- 2.2挪用函数时,应当供应的参数没有供应,该参数即是 undefined
function f(x) {
return x;
}
f() // undefined
var o = new Object();
o.p // undefined
- 2.4函数没有返回值时,默许返回 undefined
function f() {}
f() // undefined
3、布尔值
3.1哪些运算符会产出布尔值
- 前置逻辑运算符: ! (Not)
- 相称运算符:===,!==,==,!=
- 比较运算符:>,>=,<,<=
3.2其他数据范例转换成布尔值
转换划定规矩是除了下面六个值被转为false,其他值都视为true。
- undefined
- null
- false
- 0
- NaN
- &#8220;&#8221;或&#8221;(空字符串)
3.3转换成布尔值的运用环境
大部份是用于推断顺序流程,如下面把if()内里推断成布尔值
if ('') {
console.log('true');
}
三、数值(该部份内容较多,我只是扼要摘取一部份)
数值构成体式格局
Javascript 内部,一切数字都是以64位浮点数情势贮存。
第1位:标记位,0示意正数,1示意负数
第2位到第12位(共11位):指数部份
第13位到第64位(共52位):小数部份(即有用数字)
四、字符串
1、定义:
字符串就是零个或多个排在一同,放在单引号或双引号当中的字符
2、字符串运用的非常场景
- 2.1 单引号字符串的内部,能够运用双引号,不能直接运用单引号。双引号字符串的内部,能够运用单引号,不能直接运用双引号
'key = "value"'
- 2.2 在单引号字符串的内部,运用单引号,就必需在内部的单引号前面加上反斜杠,用来转义
'Did she say \'Hello\'?'
// "Did she say 'Hello'?"
'a
b
c'
// SyntaxError: Unexpected token ILLEGAL
- 2.4假如长字符串必需分红多行,能够在每一行的尾部运用反斜杠
注重,反斜杠的背面必需是换行符,而不能有其他字符(比方空格),不然会报错。
var lOngString= 'Long \
long \
long \
string';
longString
// "Long long long string"
- 2.5能够用+衔接多个单行字符串,将长字符串拆成多行誊写
var lOngString= 'Long '
+ 'long '
+ 'long '
+ 'string';
2.6 es6新增写法
运用`包裹字符串,就能够完成换行。**
这个标记是键盘esc下面谁人键**
3、字符串的运用
3.1猎取字符串的长度
var str = "hello";
console.log( str.length );
3.2经由过程下标猎取到字符串某个字符的值
console.log( str[0] ); //h
console.log( str[str.length - 1] ); // 0
3.3经由过程charaAt猎取到字符串某个字符的值
var str = "hello";
console.log( str.charAt(0) ); // h
console.log( str.charCodeAt(0) ); //输出对应字符的ASCII码
3.4字符串截取
注重截取后,本来的字符串稳定
var str = "hello world";
var sub1 = str.substr(1, 3); // 第一个是最先位置, 第二个是长度
var sub2 = str.substring(1, 3); // 第一个是最先位置,第二个是完毕位置,str[完毕位置]不会被截取进去
3.5用search查找字符串内是不是有对应的内容
本来的字符串稳定
var str = "hello my world";
var s1 = str.search('my'); //6(最先位置) 找不到为-1
3.6 用replace替代字符串的值
本来的字符串稳定
var s2 = str.replace('my', 'your') //前面是被替代内容,背面是替代内容
3.7转变字符串大小写
字符串操纵不会修正本来的字符串
var str = "Hello";
str.toUpperCase(); //HELLO
str.toLowerCase(); //hello
3.8字符串拼接
var str1='hello'
var str2='world'
str1+str2 //"helloworld"
var color ='red'
var str='衣服的色彩是'+color //衣服的色彩是red
var name = '饥人谷'
var website = 'jirengu.com'
var str = `你好, 这里是${name},${website},开启你的前端之路`
//"你好, 这里是饥人谷,jirengu.com,开启你的前端之路"
五、对象
1、定义:
对象就是一组“键值对”(key-value)的鸠合,是一种无序的复合数据鸠合。
2、对象的构成
var obj = {
foo: 'Hello',
bar: 'World'
};
- 该对象内部包括两个键值对
- foo是“键名”(成员的称号),字符串Hello是“键值”(成员的值)
- 两个键值对之间用逗号分开
3、键名的定义划定规矩
对象的每个键名又称为“属性”(property)
- 3.1对象的一切键名都是字符串,能够不必打引号
- 3.2键名假如是数值,会转成字符串
var obj = {
1: 'a',
3.2: 'b',
1e2: true,
1e-2: true,
.234: true,
0xFF: true
};
- 3.3键名的定名满足标识名的前提,不然就要打上引号
var obj = {
1p: 'Hello World'
};
// 不报错
var obj = {
'1p': 'Hello World',
'h w': 'Hello World',
'p+q': 'Hello World'
};
4、键值的运用场景
对象的每个键名又称为“属性”(property),它的“键值”能够是任何数据范例。
- 4.1属性的值为函数,一般把这个属性称为“要领”,它能够像函数那样挪用。
var obj = {
p: function (x) {
return 2 * x;
}
};
obj.p(1) // 2
var o1 = {};
var o2 = { bar: 'hello' };
o1.foo = o2;
o1.foo.bar // "hello"
5、对象猎取键值的体式格局(只要两种)
var o1 = {};
var o2 = { bar: 'hello' };
o1.foo = o2;
**o1.foo.bar** // "hello"
- 5.2经由过程对象名[&#8216;属性名&#8217;]来猎取属性的值,注重中括号内里是字符串,所以一定要加引号
o1['foo']
ol[foo]就是毛病的,由于浏览器剖析时会以为foo是一个变量,找不到这个变量就会报错
6、对象的援用
- 假如把一个原始范例(number 字符串 等)的值赋值给变量。那变量这时候都是值的拷贝。
假如把对象赋值给变量,我们只是将对象的存储地点指向了变量。 - 假如差别的变量名指向同一个对象,那末它们都是这个对象的援用,修正个中一个变量,会影响到其他一切变量。
var o1 = {};
var o2 = o1;
o1.a = 1;
o2.a // 1
o2.b = 2;
o1.b // 2
7、表达式照样语句?
Javascript划定,假如行首是大括号,一概解释为语句(即代码块)。
假如要解释为表达式(即对象),必需在大括号前加上圆括号。
eval('{foo: 123}') // 123 这是一个语句,示意一个代码区块,内里有一个标签foo,指向表达式123。
eval('({foo: 123})') // {foo: 123} 这是一个表达式,示意一个包括foo属性的对象
{foo:123}.foo 是毛病的
({foo:123}).foo //输出的是123
8、对象的运用要领
8.1 搜检变量是不是声明
道理:在浏览器环境,一切全局变量都是window对象的属性。
window.a的寄义就是读取window对象的a属性,假如该属性不存在,就返回undefined,并不会报错。
if ('a' in window) {
// 变量 a 声明过
} else {
// 变量 a 未声明
}
8.2属性的赋值
和读取值一样,有两种要领
o.p = 'abc';
o['p'] = 'abc';
8.3用Object.keys检察一切属性
var o = {
key1: 1,
key2: 2
};
Object.keys(o);
// ['key1', 'key2']
8.4 delete删除对象的属性
var o = {p: 1};
Object.keys(o) // ["p"]
delete o.p // true
o.p // undefined
注重:delete敕令不能删除var敕令声明的变量,只能用来删除属性。由于var声明的全局变量都是顶层对象的属性,而且默许不得删除。
var p = 1;
delete p // false
delete window.p // false
8.5用for&#8230;in轮回用来遍历对象的悉数属性
var obj = {a: 1, b: 2, c: 3};
for (var i in obj) {
console.log(o[i]);
}
// 1
// 2
// 3
i就是定义了一个变量,内里放的就是对象的属性