
JavaScript基础
文章平均质量分 79
JJ_Smilewang
这个作者很懒,什么都没留下…
展开
-
JavaScript基础--遍历数组的方法
JS为我们提供了很多遍历方法,而每种方法都有各自特点,今天就简单总结下:主要有:① for循环 ② for...in ③ for...of ④ forEach() 方法1. for循环所谓遍历其实就是一种循环,所以任何数组,都可以使用for循环进行遍历,它是通用的,而且效用最强大。let arr = [1, 'string', 'null', 'true', null, true];// 这里的i是下标...原创 2022-05-16 15:21:00 · 512 阅读 · 0 评论 -
JavaScript基础--es6新增的数组方法
今天给大家介绍一些es6新增的常用数组方法。1. 映射数组 map()方法目的:为了操作原数组,但不改变原数组的值作用:map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值,不会对空数组进行检测返回值: 新数组,一定和原始数组长度一样,不改变原数组格式:数组.map(function(item,index,arr) { }) ① item 数组的每一项(元素) ② index 数组的每一项下标(索引号) ...原创 2022-05-12 15:15:38 · 4722 阅读 · 0 评论 -
JavaScript基础--改变this指向的方法
1. this指向this随处可见,一般谁调用,this就指向谁。this在不同环境下,不同作用下,表现的也不同。以下几种情况,this都是指向window的:① 全局作用下,this指向的是window;console.log(window);console.log(this);console.log(window == this); // true② 函数独立调用时,函数内部的this也指向windowfunction fun() { console.log('我原创 2022-05-10 13:38:21 · 4991 阅读 · 0 评论 -
JavaScript基础--冒泡排序和选择排序
虽然数组里面有个sort()方法,可以对数值进行排序,很方便快捷,但是学习JS,为了锻炼逻辑思维,还是很有必要学习自己书写代码,实现排序效果的。1. 冒泡排序接下来讲的冒泡排序,以从小到大为例,从大到小与其相反即可。1.1原理相邻的数据进行两两比较,小数放在前面,大数放在后面,这样一趟下来,最小的数就被排在了第一位,第二趟也是如此,以此类推,直到所有的数据排序完成。现在以数列[5,4,3,2,1]来说明该排序的执行原理,如下:// let arr=[5,4,3,2,1]//.原创 2022-05-09 14:28:36 · 1053 阅读 · 0 评论 -
JavaScript基础--创建对象的方法
万物皆对象,对象是一个具体的事物,看得见摸得到的实物(如:张三,旺财,加菲),在我们JS中,对象是一个容器,封装了属性(property)和方法(method),属性是对象的状态,方法是对象的行为(完成某种任务)。JS中除了基础数据类型,其他的数据都是对象,所以说对象是JS中非常重要的概念。JS也给我们 提供了多种创建对象的方法,虽然前面在介绍对象的时候有讲到两种,但是今天专门对于该知识点进行一个小整理,方便大家使用,和对比它们的区别。1. 使用字面量方式创建// 使用字面量方式创建对象ob原创 2022-05-07 14:00:00 · 394 阅读 · 0 评论 -
JavaScript基础--闭包
1. 闭包的概念闭包就是能够读取其他函数内部变量的函数。但是在JS中,只有函数内部的子函数才能获取局部变量,所以闭包也可以理解成“定义在一个函数内部的函数”。2. 使用闭包的原因根据作用域链,我们知道父对象的所有变量,对于子对象都是可见的,反之不成立。let a = 1;let b = 1;function fn() { let a = 2; function fn1() { let a = 3; // 变量的值,运用就近原则,先看自己,再看邻居,原创 2022-05-06 14:00:00 · 482 阅读 · 0 评论 -
JavaScript基础--作用域
1. 作用域所谓作用域就是变量或函数的作用范围,即作用域控制着变量和函数的可见性和生命周期。其目的是为了提高程序的可靠性,更重要的是减少命名冲突。JS中有两种作用域:全局作用域和局部作用域。1.1 全局作用域直接编写在<script>标签中的代码或者一个单独的JS文件,都是全局作用域。全局作用域在页面打开时创建,只有在页面关闭时才可销毁。<script>// 以下代码直接在<script>标签中编写是全局作用域var num = 10;con原创 2022-05-05 14:00:00 · 548 阅读 · 0 评论 -
JavaScript基础--内置对象之Math对象
Math 对象不是构造函数,不需要new,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。1. Math对象常用方法1.1 Max.floor()Max.floor() floor表示地板,所以该方法是向下取整,即值会变小,不管后面的小数多大,一律向下取整。let num=10.2;console.log(Math.floor(num)); // 10let num1=10.5;console.log(Math.fl..原创 2022-05-04 14:00:00 · 810 阅读 · 0 评论 -
JavaScript基础--内置对象之String对象
String对象是用于处理文本的,String对象与前面所说的基本数据类型之间是有关联的,String对象是由简单数据类型包装成为复杂数据类型,这样基本数据类型就有了属性和方法。1. 创建字符串的方式1.1 字面量的方式let str = 'hello world';console.log(str); // string1.2 使用构造函数的方式let str = new String('hello world');console.log(str);console.lo原创 2022-05-03 14:00:00 · 542 阅读 · 0 评论 -
JavaScript基础--内置对象之Array对象
1. 数组对象的创建前面在介绍数组的时候,已经介绍过了,这里不再赘述。创建数组对象的两种方式① 字面量方式② new Array()2. 检测是否为数组① instanceof 运算符,可以判断一个对象是否属于某种类型② Array.isArray()用于判断一个对象是否为数组,isArray() 是 HTML5 中提供的方法var arr = [1,2,3,'red','green']; // 创建了一个数组var obj = {}; // 创建了一个空的对象cons原创 2022-05-02 14:00:00 · 384 阅读 · 0 评论 -
JavaScript基础--内置对象之Date对象
1. 内置对象JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象① 前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象是JS 独有的,会在后面的JS API 介绍② 内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)③ 内置对象最大的优点就是帮助我们快速开发④ JavaScript 提供了多个内置对象:Date 、Array、String、Math等2. 日期对象Date原创 2022-05-01 14:00:00 · 1402 阅读 · 0 评论 -
JavaScript基础--对象
万物皆对象,对象是一个具体的事物,看得见摸得着的实物。在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的。① 属性:事物的特征,在对象中用属性来表示(常用名词)② 方法:事物的行为,在对象中用方法来表示(常用动词)比如:把歌手张杰作为一个对象,那么性别:男;职业:歌手;籍贯:四川;这些就是他的属性。而唱歌,健身这是他的方法。我们之所以需要对象,是因为对象保存信息的方式更清晰,更强大。例如,将“原创 2022-04-30 14:00:00 · 359 阅读 · 0 评论 -
JavaScript基础--函数
在 JS 里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。虽然循环语句能实现一些简单的重复操作,但是比较具有局限性,所以我们需要使用 JS 中的函数。所谓函数:就是封装了一段可被重复调用执行的代码块。1. 函数的使用函数使用分为两步:声明函数和调用函数。1.1 声明函数// 声明函数function 函数名() { //函数体代码}注意:① function 是声明函数的关键字,必须小写② 由于函数一般是为了实现某个功能才定义的, 所以通原创 2022-04-29 14:00:00 · 429 阅读 · 0 评论 -
JavaScript基础--数组
根据前面所学,我们知道,变量可以储存值,但是一次只能储存一个值,可是事实中,有时我们需要储存很多值,比如储存一个班所有学生的成绩,这时变量就无法作用了。我们需要请出JS中一个新的内容---数组(Array)。数组:指的是一组数据的集合,集合中每个数据称为元素,数组中可以存放任意类型的元素,但是我们一般同一个数组放相同类型的数据。// 普通变量一次只能存储一个值var num=100;// 数组一次可以存储多个值var arr=[100,96,88,90];1. 创建数组JS中给我原创 2022-04-28 14:00:00 · 506 阅读 · 0 评论 -
JavaScript基础--循环结构
在实际开发中,经常会遇到许多具有规律性的重复操作,这时,程序就需要重复执行某些语句,即为循环。在Js 中,主要有以下几种类型的循环语句:① for 循环② while 循环③ do...while 循环④ for in循环循环语句是由循环体及循环的终止条件组成的语句。所谓循环体是指:一组被重复执行的语句,而循环的终止条件,则决定着循环体能否继续重复执行。1. for 循环1.1 语法结构for(初始化变量; 条件表达式; 操作表达式 ){ //循环体}① 初始化变..原创 2022-04-27 14:00:00 · 1000 阅读 · 0 评论 -
JavaScript基础--选择结构
在一个程序执行的过程中,各代码的执行顺序对程序的结果是有直接影响的。我们把控制代码按照什么结构顺序来执行的结构称之为程序结构。程序结构主要有三种结构,分别是顺序结构、选择结构(分支结构)和循环结构,这三种结构代表三种代码执行的顺序。1. 顺序结构顺序结构是程序中最简单、最基本的流程控制,简单的理解就是程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的。2. 选择结构选择结构顾名思义就是,由上到下执行代码的过程中,会根据不同的条件,选择执行不同的路径代码(执行代码.原创 2022-04-26 14:00:00 · 1335 阅读 · 0 评论 -
JavaScript基础--运算符
运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有:① 算数运算符② 递增和递减运算符③ 比较运算符④ 逻辑运算符⑤ 赋值运算符1. 算术运算符1.1 常用算术运算符所谓算术运算符就是:算术运算使用的符号,用于执行两个变量或值的算术运算。运算符 描述 实例 + 加 10+20=30 - 减 10-20=-10 * 乘 10*20=200 /原创 2022-04-22 14:47:27 · 442 阅读 · 0 评论 -
JavaScript基础--数据类型
1. 为什么需要数据类型我们知道,在计算机中,数据是存储在内存中的,而不同的数据占用的内存大小不一,所以为了充分利用存储空间,于是定义了不同的数据类型。而所谓的数据类型就是数据的类别型号。比如姓名‘张三’和年龄‘18’,我们明显可以感知到它们不是属于同一类别的数据。2. 变量的数据类型变量是用来存储值的空间,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。var width = 10; // 这是一个数字型var areYouOk = '是的'原创 2022-04-24 14:00:00 · 768 阅读 · 0 评论 -
JavaScript基础--变量
1.什么是变量所谓变量,通俗的理解就是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改。本质:变量是程序在内存中申请的一块用来存放数据的空间。2.变量的使用变量在使用时分为两步: 1. 声明变量 2. 赋值2.1 声明变量// 声明变量var width; // 声明一个 名称为width 的变量 注意点:①var 是一个 JS关键字,用来声明变量( variable 变量的意思 )。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程原创 2022-04-23 14:00:00 · 919 阅读 · 0 评论 -
初识JavaScript
1.JavaScript是什么JavaScript是布兰登·艾奇(Brendan Eich),一位大神用10天完成设计的,其最初命名为LiveScript,后与Sun合作之后改名为JavaScript,为了方便阅读,我们把JavaScript简称为JS。1.1 JS的特点JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)所谓脚本语言,是指:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行,即简单的说就是边解释边执行。1.2原创 2022-04-22 14:00:00 · 302 阅读 · 0 评论