醉梦孤城的个人博客

记录我旅程美好的风景

Open Source, Open Mind,
Open Sight, Open Future!
  menu
9 文章
19681 浏览
0 当前访客
ღゝ◡╹)ノ❤️

js基础学习

javaScript介绍

javaScriptdan是一种成熟的编程语言,运用于浏览器,可以赋予页面一些行为,让其与用户实现交互使两者交流沟通更加好。它诞生于一个名叫布兰登·艾奇之手诞生之初只是为了进项表单验证。但是随着时代的发展javaScript所做的事情越来越多。

javaScript的组成

三大部分

  1. ECMAScript-简称Es是javaScript的语法规范,我们必须遵守语法规范,因为浏览器非常死板,不按照规范来的话,我们将无法实现我们想实现的功能。
  2. DOM 文档对象模型用来操作页面上的标签
  3. BOM 浏览器对象模型 用来操作浏览器部分功能

javaScript数据类型

五大基本类型

  1. 数字类型(number)类型
    代表的是所有数字类型,但是尤其注意的是一个特殊的东西-- ‘ NaN ’ 这个也是数字类型,但是代表的是结果不是一个数字。
  2. 字符串类型(string)类型
    代表的是多个字符,用双引号或者单引号包裹着
.slice()必须掌握,参数1操作开始位置的索引,参数2操作结束位置的索引(不含结束位置)
//substr必须掌握参数1:操作开始位置的索引,参数2:拷贝的字符个数
//indexOf()使用方式与数组一样必须掌握。参数1:要查找的字符串内容,参数2查找开始位置的索引值。找到返回值为第一个索引,找不到返回为-1
//toUpperCase()将字串转大写
//toLowerCase()将字符串转小写
//replace()替换功能,必须掌握
//参数1,要替换的内容
//参数2:要替换成什么内容
//split()按照分隔符将字串分隔为数组-必须掌握参数:分隔符,返回值:按照分隔符分隔得到数组。
//trim()去除字符串两端空格
//.charAt(索引值)
  1. 布尔(boolean)类型
    这种类型只有两个值true 代表‘真’ false代表‘假’。而在js中有六种情况转化为布尔类型时会转换为false其他都为true所以我们只需特别记住这六种分别是:0,空字符串‘’,NaN,undefined,null,false。

  2. null
    空值

  3. undefined
    只有一个值代表变量定义了,但是没有定义

复杂类型

1. 数组

数组是一个有顺序的,有长度的数据集合,理论上可以存放任何类型的数据(数组内也可以储存数组)

数组的一些常用方法

//将数组第一个元素移动到数组最后
 var arr = ['a', 'b', 'c'];
        arr.push( arr.shift() );
        console.log(arr);
//push()方法向数组末尾添加元素
//pop()方法从数组末尾删除一个元素
//shift()方法从数组前面删除一个元素
//unshift()方法从数组前面添加元素
//splice(“位置”,“数量”)用来在数组任意位置进行增删改查操作,返回值删除元素组成的新数组
//slice("位置","数量"),返回值:拷贝的元素组成的新数组。
//concat()用于连接数组操作,不会修改元素组
//indexOf()查找数组中指定的元素所以值
//参数1,:要查找的元素值,必须掌握
//参数2:要查找开始位置的索引值默认为0
//如果找到,返回第一个找到的索引值找不到就返回-1
//sort()用来对数组进行升序或者降序排列,必想掌握
//reverse()此方法将数组中元素翻转例如数组[1, 2, 3] 翻转结果为 [3, 2, 1]
//join()将数组通过一定方式拼接成字符串。必须掌握,返回值为拼接后的字符串。

2.Date

在js中要想获得当前的日期和事件需要创建一个js自带的Date对象

var date = new Date();
console.log(data); // 系统时间不同,输出的结果也会不同,但是都是输出当前系统的时间

3. Math

在js中也提供了获取随机数和取整的功能


// 获取随机数
var r = Math.random();
console.log(r); // 输出一个在 [0,1) 之间的浮点数,可以得到0,但是无法得到1

取整操作

var a = Math.floor(1.12);
console.log(a); // 输出1
var d = Math.floor(3.9);
console.log(d); // 输出 -4

####Math对象内置方式使用

Math.max()//取最大值
Math.min()//取最小值
Math.random()//取随机数,需要掌握
Math.ceil()//向上取整,需要掌握
Math.floor()//向下取整需要掌握
Math.abs()//取绝对值
Mathround()//四舍五入

小结

复杂类型和基本类型区别就是储存数据的方式不同,复杂类型是将数据储存在堆之中而且存的是地址,一次能存储多个值,但是基本类型是将值储存在栈中而存储的是值,一次只能存储一个。


标题: js基础学习
作者:zuimenggucheng
地址:http://chengwy.top:8080/articles/2019/09/16/1568628284212.html