JavaScript数据类型

JavaScript数据类型

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,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: "xxxxxxxx@qq.com",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");

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)