热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

js数据类型笔记

这篇文章主假如对阮一峰先生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个

  • 2.1变量声清楚明了,但没有赋值


var i;
i // undefined

  • 2.2挪用函数时,应当供应的参数没有供应,该参数即是 undefined


function f(x) {
return x;
}
f() // undefined

  • 2.3对象没有赋值的属性

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'?"

  • 2.3字符串默许只能写在一行内,分红多行将会报错

'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下面谁人键**
《js 数据类型笔记》

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

  • 4.2属性的值照样一个对象,就形成了链式援用。

var o1 = {};
var o2 = { bar: 'hello' };
o1.foo = o2;
o1.foo.bar // "hello"

5、对象猎取键值的体式格局(只要两种)

  • 5.1经由过程对象名.属性名来猎取属性的值

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就是定义了一个变量,内里放的就是对象的属性


推荐阅读
author-avatar
再见vivian
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有