JavaScript学习笔记（变量、字符串）

布满荆棘的人生 2023-03-13 12:15 56阅读 0赞

## 1.1基础知识 ##

## 1.2数据类型和变量 ##

### ①Number（js不区分整数和浮点数，统一用Number） ###

123; // 整数123  
0.456; // 浮点数0.456  
1.2345e3; // 科学计数法表示1.2345x1000，等同于1234.5  
\-99; // 负数  
NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示  
Infinity; // Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity

### ②字符串 ###

以单引号’或双引号"括起来的任意文本  
③布尔值  
注：JavaScript允许对任意数据类型做比较：

false == 0; // true
    false === 0; // false

在js中始终使用===比较

## 1.3数组：一组按顺序排列的集合，集合的每个元素称为元素，js中的数组可以包含任何数据类型 ##

[1, 2, 3.14, 'Hello', null, true];

例如：数组的定义与获取元素

var arr = [1,2,3.14,'hello',null,true];
    arr[0];// 返回索引为0的元素，即1
    arr[5];// 返回索引为5的元素，即true
    arr[6];// 索引超出了范围，返回undefined

## 1.4对象： ##

js的对象是一组由K-V组成的无序集合，

var person={ 
    	name:'Bob',
    	age:20,
    	tags:['js','web',mobile'],
    	city:'shanghai',
    	hasCar:no,
    	zipcode:null
    };

获取一个对象的属性，我们使用对象变量.属性名的方式

person.name;//'Bob'
    person.zipcode;//null

## 1.5变量 ##

变量在程序中，其值可以发生改变的量， 不仅可以是数字 。还可以是任意数据类型。变量名是大小写英文、数字、$和\_的组合，且不能用数字开头。

var a;//声明了变量a，此时a的值为undefined
    var $b = 1; // 申明了变量$b，同时给$b赋值，此时$b的值为1
    var s_007 = '007'; // s_007是一个字符串
    var Answer = true; // Answer是一个布尔值true
    var t = null; // t的值是null

赋值：（动态语言：变量本身类型不固定的语言）

var a = 123;//a的值是整数123
    a = 'abc';//a变量为字符串

## 1.6字符串（用==’ '或者" "==括起来的字符表示） ##

var st = 'I\'m\"OK\"!';
    alert(st);

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg5MzA4NQ_size_16_color_FFFFFF_t_70][]  
多选字符串  
由于用\\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号 \* … \* 表示：

console.log(`hkk 你是不是 傻 啊`);

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg5MzA4NQ_size_16_color_FFFFFF_t_70 1][]  
模板字符串

### ①把多个字符串连接起来，可以用==+==号： ###

var name = '小明';
    var age = 20;
    var message = '你好，'+name+',你今年'+age+'岁了！';
    alert(message);

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg5MzA4NQ_size_16_color_FFFFFF_t_70 2][]

### ②使用ES6新增的模板字符串， ###

var name = '小明';
    var age = 20;
    var message = `你好,${ name},你今年${ age}岁了！`;
    alert(message);

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg5MzA4NQ_size_16_color_FFFFFF_t_70 3][]  
操作字符串：

var s = 'hello,world!';
    s.length;

toUpperCase(小写—》大写)

var s = 'Hello';
    s.toUpperCase(); // 返回'HELLO'

toLowerCase(大写—>小写)

var s = 'Hello';
    var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower
    lower; // 'hello'

indexOf();搜索指定字符串出现的位置

var s = 'hello, world';
    s.indexOf('world'); // 返回7
    s.indexOf('World'); // 没有找到指定的子串，返回-1

substring():返回指定索引区间的子串

var s = 'hello,word';
    console.log(s.substring(0,5));
    console.log(s.substring(7));

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg5MzA4NQ_size_16_color_FFFFFF_t_70]: /images/20230312/f1ea63c21fd0418fa7bbc68aa93cf320.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg5MzA4NQ_size_16_color_FFFFFF_t_70 1]: /images/20230312/e9329f3f6362418f9152d685e9632b7b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg5MzA4NQ_size_16_color_FFFFFF_t_70 2]: /images/20230312/3f09db7eca39436f827c9e2b96a68c95.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjg5MzA4NQ_size_16_color_FFFFFF_t_70 3]: /images/20230312/3405ece1df004d399567d4daab8231a4.png