| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 学习JavaScript的第四天 -> 正文阅读 |
|
[JavaScript知识库]学习JavaScript的第四天 |
一、数组1.概念:数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 2.创建2.1数组的创建方式JS中创建数组有两种方式: ●利用new创建数组 2.2利用new 创建数组var 数组名 = new Array(); var arr = new Array();? //创建一个新的空数组 2.3利用数组字面量创建数组1.使用数组字面量方式创建空的数组 2.使用数给字面量方式创建带初始值的数组 ●数组的字面量是方括号[ ] 2.4数组元素的类型数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。 实践: 访问数组: 遍历数组: 3.数组转换为字符串①需要一个新变量用于存放转换完的字符串str. ?4.新增数组元素①使用循环来追加数组。 ?5.案例5.1数组去重?5.2翻转数组?5.3冒泡排序冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列,-次比较两个元素如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢浮到数列的顶端。 1.一共需要的趟数我们用外层for循环 ?二、函数1.概念:在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大重复使用。虽然for循环语句也能实现一些简单的重复操作,但吡较具有局限性,时我们就可以使用JS中的函数。 函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。 2.函数的使用函数在使用时分为两步:声明函数和调用函数。 ?2.1声明函数//1.声明函数 ????????//?function?函数名()?{ ????????????//?函数体 ????????//?} ●function 是声明函数的关键字,必须小写 2.2调用函数//调用函数 函数名(); // 通过调用函数名来执行函数体代码 ●调用的时候千万不要忘记添加小括号 ●口诀:函数不调用,自己不执行。 注意:声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码。 2.3函数的封装●函数的封装是把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口 ●简单理解:封装类似于将电脑配件整合组装到机箱中(类似快递打抱) 2.4案例:利用函数计算1~100之间的累加和?3.函数的参数(函数的参数可以有,也可以没有,个数不限)在声明函数时,可以在函数名称后面的小号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些数被称为实参。 参数的作用:在函数内部某些值不能固定, 我们可以通过参数在调用函数时传递不同的值进去。 function?函数名(形参1,形参2...)?{?//在声明函数的小括号里面是形参(形式?上的参数) ?} 函数名(实参1,实参2...);?//在函数调用的小括号里面是实参(?实际的参数) 4.函数的返回值格式: //?2.函数的返回值格式 ????????//?function?函数名()?{ ????????//?????return需要返回的结果; ????????//?} ????????//?函数名(); ? ? ? ? //console.log(函数名()); 4.1.案例5.arguments的使用当我们不确定有多少个参数传递的时候,可以用arguments来获取。在JavaScript中, arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments对象, arguments对象中存储了传递的所有实参。 ?arguments展示形式是一个伪数组,因此可以进行遍历。伪数组具有以下特点: ●具有length属性 ●按索引方式储存数据 ●不具有数组的push, pop等纺法 |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年1日历 | -2025/1/28 11:48:44- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |