JavaScript数据类型
目录
- JavaScript数据类型
- 1. 字符串
- 1. 正常字符串我们使用单引号或者双引号包裹
- 2. 注意转义字符 \
- 3 .多行字符串编写
- 4. 模板字符串
- 5. 字符串长度
- 6. 字符串的可变性
- 7. 大小写转换
- 8. 获取指定的字符的下标
- 9. 截取字符串(重要)
- 2. 数组
- 1. 长度
- 2. indexOf,通过元素获得下标索引
- 3 .slice()
- 4. push(), pop() 尾部
- 5. unshift(), shift() 头部
- 6. 排序
- 7. 元素反转
- 8. concat()
- 9. 连接符 join
- 10. 多维数组
- 3. 对象
- 1. 对象赋值
- 2. 使用一个不存在的对象属性,不会报错!
- 3. 动态的删减属性
- 4. 动态的添加
- 5. 判断属性值是否在这个对象中
- 6. 判断一个属性是否是这个对象自身拥有的
- 1. 字符串
1. 字符串
1. 正常字符串我们使用单引号或者双引号包裹
2. 注意转义字符 \
\' //'
\n //换行
\t //Tab
\u4e2d //u#### unicode字符
\x41 //AscⅡ
3 .多行字符串编写
//Tab上的反引号``
var msg = `hel
world
汉字
`;
4. 模板字符串
注意,使用的是Tab键上面的反引号!
let name = "wang";
let age = 3;
let msg = `Hello, ${name}`;
console.log(msg);
5. 字符串长度
str.length;
6. 字符串的可变性
字符串不可变
7. 大小写转换
//注意,这里是方法,不是属性了
student.toUpperCase();
student.toLowerCase();
8. 获取指定的字符的下标
student.indexOf('t');
9. 截取字符串(重要)
student.substring(1); //从第一个字符截取到最后一个字符
student.substring(1,3); //[1,3),包括第一个不包括第二个
2. 数组
Array可以包含任意的数据类型
可以通过下标取值和赋值
var arr = [1, 2, 3, 4, 5, 6];
arr[0];
arr[0] = 1;
1. 长度
arr.length;
注意:假如给arr.length赋值,数组大小就会发生变化;如果赋值过小,元素就会丢失
2. indexOf,通过元素获得下标索引
arr.indexOf(2);
字符串的“1”和数字的1是不同的
3 .slice()
截取Array的一部分,返回一个新数组,类似于String中的substring
arr.slice(1,5);
4. push(), pop() 尾部
push(); //压入到尾部
pop(); //弹出尾部的一个元素
5. unshift(), shift() 头部
shift(); //压入到头部
unshift(); //弹出头部的一个元素
6. 排序
sort()
arr.sort();
7. 元素反转
reverse()
arr.reverse();
8. concat()
数组拼接,返回一个新的数组,原数组不会被改变
arr.concat([1, 2, 3]);
9. 连接符 join
打印拼接数组,使用特定的字符串连接
arr.join('-');
10. 多维数组
arr = [[1, 2], [3, 4], ['5', '6']];
arr[1][1]; //4
数组:存储数据(如何存,如何取)
3. 对象
若干个键值对
var 对象名 = {
属性名: 属性值,
属性名: 属性值,
属性名: 属性值,
......
属性名: 属性值
};
//定义了一个person对象,有4个属性
var person = {
name: "wang",
age: 3,
email: "[email protected]",
score: 95
}
JS中的对象,{......}表示一个对象,键值对描述属性XXXXX: XXXXX,多个属性之间使用逗号隔开,最后一个属性不加逗号
JavaScript中的所有的键都是字符串,值是任意对象!
1. 对象赋值
person.age = 5;
2. 使用一个不存在的对象属性,不会报错!
只会undefined
3. 动态的删减属性
通过delete删除对象的属性
delete person.name;
4. 动态的添加
直接给新的属性添加值即可
person.address = "address";
5. 判断属性值是否在这个对象中
对象中的属性都是字符串!
XXX in XXX
'age' in person;
6. 判断一个属性是否是这个对象自身拥有的
hasOwnProperty()
person.hasOwnProperty("age");