javascript中数组、冒泡排序、函数及函数实参形参、arguments伪数组、异步函数等介绍

数组:

指一组有顺序的数据,其作用就是用来一次性存储多个数据。(数组元素:数组中的每一个数据;数组长度:数据中元素的个数;数组索引:用来存储或访问数组中的数据,也叫下标,索引从0开始,即第一个数组元素的索引为0)创建数组的方法有两种:

1、通过构造函数创建数组:var 数组名 = new Array();

	<script>var array = new Array(4);console.log(array); //[empty × 4],new Array(4)括号中的数字若为一个,则表示数组的长度,此时无数据;若为多个,则表示数组的每一项数据,特别注意:通过字面量的方式创建的数组当为一个值时,此时表示的是一个数组元素var array = new Array(1, 2, 3, 4, 5);console.log(array[3]); //4,数组中通过数组名[索引]来读取元素或储存元素array[5] = 6;//通过索引添加数组元素console.log(array);//[1, 2, 3, 4, 5, 6]console.log(array.length);//5,数组名.length用来获取数组的长度console.log(array[10]); //undefined,获取一个数组中没有的数组元素返回的值为undefined</script>

2、通过字面量的方式创建数组:var 数组名 = [];

	<script>var array = [3];console.log(array); //[3],通过字面量的方式创建的数组中[]中的数字就是表示数组的元素array = [3, true, null, "str"];array[4] = 5;console.log(array); //[3, true, null, "str", 5],数组中可以存多个数据类型的数据console.log(array.length); //5,数组名.length用来获取数组的长度,即数组元素的个数console.log(array[10]); //undefined,获取一个数组中没有的数组元素返回的值为undefinedvar arr = [1, 2, 3, 4, 5];var sum = 0;for (var i = 0; i < arr.length; i++) {sum += arr[i];};console.log('arr的和为:' + sum + '------' + 'arr的平均数为:' + sum / arr.length);//arr的和为:15------arr的平均数为:3var array = [2, 3, 5, 1, 4];var max = array[0];for (var i = 0; i < array.length; i++) {if (max < array[i]) {max = array[i];};};console.log('array中的最大值为:' + max); //array中的最大值为:5var arr = [2, 3, 4, 5, 6, 1];for (var i = arr.length - 1; i >= 0; i--) {console.log('倒数arr:' + arr[i]);//1 6 5 4 3 2};var fruits = ['苹果', '香蕉', '菠萝蜜', '芒果', '荔枝'];var str = '';for (var i = 0; i < fruits.length - 1; i++) {str += fruits[i] + '|';};str += fruits[fruits.length - 1];console.log('在fruits中加|得到的结果:' + str); //在fruits中加|得到的结果:苹果|香蕉|菠萝蜜|芒果|荔枝var arr = [1, 2, 3, 4, 0, 2, 0, 3];var arr2 = [];for (var i = 0; i < arr.length; i++) {if (arr[i] != 0) {arr2[arr2.length] = arr[i];};};arr = arr2;console.log(arr); //[1, 2, 3, 4, 2, 3],去掉arr中的0var arr = [1, 2, 3, 4, 5];var temp = arr[0];for (var i = 0; i < arr.length / 2; i++) {arr[i] = arr[arr.length - 1 - i];arr[arr.length - 1 - i] = temp;var temp = arr[i + 1];};console.log(arr); //[5, 4, 3, 2, 1],翻转数组</script>

冒泡排序:

指把数组里面的元素按照从大到小或者从小到大的顺序进行排列。

	<script>var arr = [3, 4, 2, 1, 5];for (var i = 0; i < arr.length - 1; i++) {for (var j = 0; j < arr.length - 1 - i; j++) {if (arr[j] < arr[j + 1]) {var temp = arr[j];arr[j] = arr[j + 1];arr[j + 1] = temp;};};};console.log(arr);//[5, 4, 3, 2, 1]</script>

函数定义:

函数:把重复的代码进行封装,在需要的时候直接调用。语法:function 函数名(){函数体},这里指命名函数,后面还有匿名函数;函数使用:函数名();注意: 函数需要先定义后使用,函数的命名需要遵循驼峰命名法,命名函数一旦重名,后面的会把前面的覆盖,函数也是一种数据类型

	<script>//1.函数声明:function myName() {console.log('苦海');};myName(); //苦海//2.函数表达式:var fn = function() {console.log('函数体');};// 3.利用new Function(参数,函数体);创建函数,参数可以是多个,函数体写在最后面,// 注意:括号里面各参数都是字符串形式,不推荐这种写法var myFn = new Function('x', 'y', 'return x + y');var myFn1 = new Function('x', 'y', 'console.log(x+y)');console.log(myFn(1, 3));myFn1(2, 3);</script>

函数的参数:

函数后面小括号里的变量就是参数,形参:定义函数的时候函数后面小括号中的变量就是形参,实参:函数在调用的时候,括号里传的值为实参,当实参没有传值时,返回的是undefined,函数的参数可以是任何数据类型

	<script>function sum(x, y) {var sum = x + y;console.log(sum); }sum(10, 20);//30sum(20,30);//50function sum(x, y) {var sum = x + y;console.log(sum);}var num1 = parseInt(prompt('输入第一个数字'));var num2 = parseInt(prompt('输入第二个数字'));sum(num1, num2);</script>

函数的返回值:

在函数内部有return关键字,并且在关键字后面有内容,那么这个内容就被返回,如果一个函数中没有明确的返回值,调用时被接收了,那么结果就是undefined,return后面的代码是不会执行的。形参和实参的个数可以不同,当实参的个数多于形参的个数时,正常返回形参个数处理后的结果;当实参的个数少于形参的个数时,此时没有实参对应的形参的值为undefined,函数的返回值可以是任何数据类型。

	<script>function getSum(x, y) {var sum = x + y;return sum;console.log('测试return后面的代码是否执行');//经过测试后return后面的代码不执行};var result = getSum(1, 4);console.log(result);// 5</script>

函数里面可以调用函数:

	<script>function getSum(x, y) {return x + y;};function getDiffer(x, y, z, g) {return getSum(x, y) - getSum(z, g);};console.log(getDiffer(1, 2, 3, 4));</script>

arguments伪数组:

当函数不确定参数时,可以使用arguments来解决问题,arguments.length是获取函数中传入的参数的个数;arguments[数字]用来获取某个参数,当数字为0时表示第一个参数。

	<script>function getSum() {var sum = 0;for (var i = 0; i < arguments.length; i++) {sum += arguments[i];};return sum;};var result = getSum(1, 2);console.log(result); //3</script>

匿名函数(函数的其他调用方式及区别):

指通过字面量的方式创建的函数(函数表达式),其调用是变量名 + ( );另一种匿名函数是把匿名函数的代码用括号包裹起来,这样就不会报错,然后想调用,就在括号后面在加一个括号。命名函数中,如果两个函数出现重名,无论在哪里调用,后面的函数会把前面的函数覆盖掉;而在匿名函数(函数表达式)中,变量的名字相同时,后面的不会覆盖前面的函数,只会给变量重新赋值。

	<script>var fn = function() {console.log('这是一个通过字面量的方式创建的匿名函数');};fn(); //匿名函数的调用:变量名();(function() {console.log('这是一个通过字面量的方式创建的匿名函数');})(); //匿名函数的调用:(匿名函数的代码)(),一次性的// 相同函数名的命名函数中:function f1() {console.log('命名函数1');};f1(); //命名函数2function f1() {console.log('命名函数2');};f1(); //命名函数2.两个命名函数都执行的是函数2的代码// 相同变量名的函数表达式中:var f2 = function() {console.log('函数表达式1');};f2();//函数表达式1var f2 = function() {console.log('函数表达式2');};f2();//函数表达式2</script>

async function异步函数:

async function是用来定义异步函数,其语法:async function 函数名可选(函数参数) { 函数语句 },

	<script>function fn(x) {return new Promise(resolve => {setTimeout(() => {resolve(x);}, 2000);});}async function f1() {var x = await fn(10);console.log(x); // 10}f1();</script>

await:

await用于等待一个Promise对象,只能在异步函数中使用,如果等待的值不是Promise,那么将当成promise处理过的值。

function* 表达式:

function*可以在一个函数内部定义一个生成器函数,函数里面的yield是定义数据的,如:

	<script>function* fn() {yield 'a';yield 'b';yield 'c';};for (const values of fn()) {console.log(values);// a b c};</script>

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者 删除。
笔者:苦海

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/575397.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

中文字串截取无乱码的问题

UTF-8中文截取函数在PHP中&#xff0c;substr()函数截取带有中文字符串的话&#xff0c;可能会出现乱码&#xff0c;这是因为中西文一个字节所占有的字节数不一样&#xff0c;而substr的长度参数是按照字节去算的&#xff0c;在GB2312编码时&#xff0c;一个中文占2个字节&…

javascript中作用域、全局作用域、局部作用域、隐式全局变量、块级作用域、作用域链、预解析

作用域 作用域指的是代码的作用范围&#xff0c;按照作用域划分变量可分为全局变量和局部变量&#xff1b;作用域可分为&#xff1a; 全局作用域&#xff1a; 指全局变量作用的范围&#xff1b;全局变量指的是通过var在函数外面声明的变量&#xff0c;在js中任何位置都可以使…

楼宇对讲门铃的芯片选型分析

目前很多的高层住宅都使用了对讲门铃了&#xff0c;在频繁使用中&#xff0c;门铃会出现的越来越多种类&#xff0c;下面我就简单的介绍会有用到的几款芯片. 语音通话芯片&#xff1a;D34018,D34118,D5020,D31101; D34018 单片电话机通话电路&#xff0c;合并了必 需的放大器…

easyui 布局自适应

最近在把以前写的一个项目改成用easyui做前端。过程中遇到了不少问题。其中一个就是datagrid不能很好的布局。想了好多办法都有局限。最后想到会不会是布局&#xff08;easyui-layout&#xff09;的问题&#xff0c;经过实验&#xff0c;最后问题解。 1&#xff1a;比如在项目中…

javascript中对象、JSON格式数据、创建对象的方式、数据类型分类及特点

对象 对象指&#xff1a;具体的一个实物&#xff0c;javascript中对象是指一组没有顺序的属性和方法的集合&#xff0c;所有的事物都是对象&#xff0c;例如&#xff1a;函数&#xff0c;数组&#xff0c;字符串等。属性指事物的特征&#xff0c;一般为名词表示&#xff1b;方…

在存储过程中编写正确的事务处理代码

在 SQL Server 中数据库事务处理是个重要的概念&#xff0c;也稍微有些不容易理解&#xff0c;很多 SQL 初学者编写的事务处理代码存往往存在漏洞&#xff0c; 本文介绍了三种不同的方法&#xff0c;举例说明了如何在存储过程事务处理中编写正确的代码。 在编写 SQL Server 事务…

javascript中内置对象简介、Array

内置对象&#xff1a; javascript的三种对象&#xff1a;1.内置对象—JavaScript自带的对象&#xff1b;2.自定义对象—自己定义构造函数创建对象&#xff1b;3.浏览器对象— BOM时候介绍&#xff0c;几个常用内置对象&#xff1a;Math Date String Array Object Array对象&a…

javascript中Date对象及方法

Date对象&#xff1a; 该对象呈现时间中的某个时刻。其本质是自1970年1月1日&#xff08;UTC&#xff09;起经过的毫秒数&#xff0c;相关属性的方法如下&#xff1a;&#xff08;如果Date对象中传入指定的时间&#xff0c;则以传入的指定时间返回相关数据&#xff0c;就不会以…

如何调优JVM

堆设置 -Xmx3550m&#xff1a;设置JVM最大堆内存 为3550M。-Xms3550m&#xff1a;设置JVM初始堆内存 为3550M。此值可以设置与-Xmx相同&#xff0c;以避免每次垃圾回收完成后JVM重新分配内存。-Xss128k&#xff1a;设置每个线程的栈 大小。JDK5.0以后每个线程栈大小为1M&#x…

javascript中encodeURL对象、Boolean对象、Function对象、globalThis对象、Infinity对象、isFinite对象、isNaN对象、JSON对象

encodeURI()对象&#xff1a; 用于对特殊字符进行编码&#xff0c;decodeURI()对象&#xff1a;将特殊字符进行解码&#xff0c;常用于URL地址编码中 <script>var url https://mozilla.org/?xшеллыvar urlEncode encodeURI(url);console.log(urlEncode); //http…

JAVA Web学习篇--Servlet

Servlet由来 做过BS项目的人都知道&#xff0c;浏览器可以依据HTML静态标记语言来显示各式各样的网页。可是假设我们须要在网页上完毕一些业务逻辑&#xff1a;比方登陆验证。或者说网页显示的内容在server的数据库中。假设是这样&#xff0c;除了负责显示的HTML标记之外&#…

javascript中Math对象及方法

Math对象&#xff1a; 其所有属性与方法都是静态的&#xff0c;其相关属性和方法如下&#xff1a; 继&#xff1a; 继&#xff1a; 提示&#xff1a;本文图片等素材来源于网络&#xff0c;若有侵权&#xff0c;请发邮件至邮箱&#xff1a;810665436qq.com联系笔者 删除。 笔者…

Linux crontab 命令格式与具体样例

基本格式 : *  *  *  *  *  command 分 时 日 月 周 命令 第1列表示分钟1&#xff5e;59 每分钟用*或者 */1表示 第2列表示小时1&#xff5e;23&#xff08;0表示0点&#xff09; 第3列表示日期1&#xff5e;31 第4列表示月份1&#xff5e;12 第5列标识号星期0…

javascript中NaN属性、null对象、Number对象、Object对象

NaN属性&#xff1a; 表示不是一个数字&#xff0c;是全局对象的属性&#xff0c;其初始值为NaN <script>console.log(NaN NaN); //false</script>null对象&#xff1a; 特指对象的值未设置 <script>console.log(null undefined); //trueconsole.log(nul…

网站建设的基本流程及服务端开发简介

服务端开发&#xff1a; 前面部分都是在介绍前端开发&#xff0c;接下来将介绍后端开发&#xff0c;这里采用php介绍&#xff0c;在本篇应当掌握编程能力&#xff0c;编程思想&#xff0c;解决问题的思路&#xff0c;熟悉网页开发&#xff0c;网站开发&#xff0c;应用开发的基…

Apache安装、配置、卸载

下载安装配置Apache&#xff1a; 1.将Apache官方下载地址&#xff1a;https://www.apachelounge.com/download/&#xff0c;复制到浏览器打开&#xff0c;选择系统支持的版本下载&#xff0c;如&#xff1a; 2.将下载好的压缩包剪贴到C盘根目录&#xff08;这里为了方便&…

企业级应用架构(一) 三层架构之解耦

前言 前段时间朋友拿了个网站给我&#xff0c;让我帮忙添加几个小功能&#xff0c;我爽快的答应了,但是当我打开源码&#xff0c;我瞬间就奔溃了&#xff0c;整个项目连最基本的三层框架也没有搭建&#xff0c;仅仅是封装了一个sqlhelp作为数据库的操作接口&#xff0c;项目中的…

Web结构组件

一、Web结构组件 &#xff11;、代理 位于客户端和服务器之间的HTTP实体&#xff0c;接收客户端的所有HTTP请求&#xff0c;并将这些请求转发给HTTP服务器。 &#xff12;、缓存 HTTP的仓库&#xff0c;使常用的页面的副本可以保存在离客户端更近地方 &#xff13;、网关 连接其…

javascript中parseFloat(x)、parseInt(num,radix)、Promise、ReferenceError、Reflect、get和set

parseFloat(x)对象&#xff1a; 将传入的字符转化为浮点数&#xff0c;若传入的字符不能被转化为数字型&#xff0c;则返回NaN <script>console.log(parseFloat(0.0314E2)); //3.14</script>parseInt(num,radix)对象&#xff1a; 将num看成radix某进制的数后转化…

Linux系统isosize指令用法

isosize命令&#xff1a;iso9660文件系统大小显示 isosize命令用于显示iso9660文件系统的大小&#xff0c;还文件可以使普通文件&#xff0c;也可以是块设备&#xff0c;如/dev/sr0或者/dev/sda.如果没有相关选项的规定&#xff0c;默认以字节的方式显示大小。该命令支持大于4G…