3-15 JS基础知识02
一、For循环:
For (var i = 0; i <= 10; i++){
循环体;
}
注意:For循环中的表达式是可以省略的,省略以后是个死循环。
odd:奇数 even : 偶数
二、数组
数组:一组数字的组合
数组作用:可以一次性存储多个数据(类型可以相同也可以不相同)
数组的元素:数组中存储的每个数据
如何获取数组的元素的值
如何设置数组的元素的值
通过索引(下标)的方式来设置和获取数组中元素的值
数组如何定义:
Var 变量名=[]; 字面量的方式来定义数组
数组定义的方式两种(三种)
var 变量=[];字面量方式定义数组
var 变量= new Array();构造函数定义数组
var 变量= new Array(数字);数字代表数组元素的个数
数组的长度:就是数组元素的个数
JS中数组中所有元素的值都可以直接输出(其他语言中需要通过循环遍历的方式输出)
注:JS中数组的长度是可变的
数组的元素如果直接输出,那么每个值之间用逗号隔开
数组中的数组元素想要获取通过索引
var arr=[10,20,30,40,50];
console.log(arr[3]); //想要获取下标为3的元素的值
注:数组中索引的下标是从0开始的,到数组的个数(数组的长度)减1结束。
求1-100之间所有奇数的和,所有偶数的和;
// 定义一个变量存储奇数的和 var oddSum = 0; // 定义一个变量存储偶数的和 var evenSum = 0; for (var i = 0; i <= 100; i++) { // 判断是奇数还是偶数 if (i % 2 != 0) { // 奇数 oddSum += i; } else { // 偶数 evenSum += i; } } console.log(oddSum, evenSum);
斐波那契数列 1,1,2,3,5,8,13,21 求第十二个数
var num1 = 1; var num2 = 1; var sum = 0; for (var i = 3; i <= 12; i++) { sum = num1 + num2; num1 = num2; num2 = sum; } console.log(sum);
九九乘法表
document.write("<table border=1>"); //表格的边框 for (var i = 1; i <= 9; i++) {//控制行数 document.write("<tr>");//表格的行 for (var j = 1; j <= i; j++) {//控制一行有几个 document.write("<td>");//单元格 document.write(j + "*" + i + "=" + j * i + " "); document.write("</td >"); } document.write("</ tr >"); } document.write("</table >");
求数组中的和、平均值、最大值和最小值
// var arr = [10, 20, 30, 40, 50]; // var sum = 0; // var avg = 0; //平均值 // var max = Number.MIN_VALUE;//假设是最大值,里面存储的是最小的 // var min = Number.MAX_VALUE;//假设是最小值,里面存储的是最大的 // for (var i = 0; i < arr.length; i++) { // sum += arr[i]; // if (max < arr[i]) { // max = arr[i]; // } // if (min > arr[i]) { // min = arr[i]; // } // } // console.log("最大值是:" + max, "最小值是:" + min, "和是:" + sum, "平均值是:" + sum / arr.length);
.将数组的每个字符串元素用”|”竖线的方式隔开,并输出
// var arr = ["小明", "小花", "小吴", "小刘", "小李"]; // var str = ""; // for (var i = 0; i < arr.length-1; i++) { // str += arr[i]+"|"; // } // console.log(str+arr[arr.length-1]);
实现反转数组
// 借助第三方变量 // var arr=[10,20,30,40,50]; // for (i=0;i<arr.length/2;i++){ // var temp=arr[i]; // arr[i]=arr[arr.length-1-i]; // arr[arr.length-1-i]=temp; // } // console.log(arr);
根据输入班级人数依次输入每个人成绩,求总成绩和平均值
// var pers = parseInt(prompt("请您输入班级人数")); // var scores = []; //存储每个人的成绩 // var sum = 0; //存储总成绩 // for (var i = 0; i < pers; i++) { // //提示用户输入成绩,并存储在数组中 // scores[i] = parseInt(prompt("请您输入第" + (i + 1) + "个同学的英语成绩")); //// 从数组中取出成绩计算和 // sum += scores[i]; // } // for (var i = 0; i < scores.length; i++) { // console.log("第" + (i + 1) + "个同学的英语成绩是" + scores[i]); // } // console.log("总成绩:" + sum + "分, 平均成绩是:" + sum / pers + "分");
随即生成10个1-100内的非重复数字放入数组中。(调用系统方法)
//随机数产生 //Math.random(); //伪随机数 0-1之间的数字 // var arr = []; //存储随机数的数组 // while (arr.length <10) { // var num = parseInt(Math.random() * 100 + 1); //1-100之间的随机数 // 数组名.indexOf(100):用于判断数组中有没有100这个数据,有的话返回这个数在数组中的索引,没有的话返回值为-1 // if (arr.indexOf(num) == -1) { // // 判断数组中有没有num这个数据 // arr[arr.length] = num;//把随机数存储在数组中 // } // } // console.log(arr);
两个数组{ “a”,“b”,“c”,“d”,“e”}和{ “d”, “e”, “f”, “g”, “h” },把这两个数组去除重复项合并成一个。
var txts1 = ["a", "b", "c", "d", "e"]; var txts2 = ["c","d", "e", "f", "g", "h"]; for (var i = 0; i < txts1.length; i++) { //第一个数组 //判断的是第二个数组中有没有第一个数组中的元素值 if (txts2.indexOf(txts1[i]) == -1) { txts2[txts2.length]=txts1[i]; } } console.log(txts2);
冒泡排序
// 升序排列 var nums=[10,3,4,90,2,80]; for(var i=0;i<nums.length-1;i++){ // 比较的轮数 for (var j=0; j<nums.length-1-i;j++){ //每一轮需要比较的次数 if(nums[j]>nums[j+1]){ //从小到大 var temp=nums[j]; nums[j]=nums[j+1]; nums[j+1]=temp; } } } console.log(nums);
3-15 JS基础知识02的更多相关文章
- MongoDB基础知识 02
MongoDB基础知识 02 6 数据类型 6.1 null : 表示空值或者不存在的字段 {"x":null} 6.2 布尔型 : 布尔类型只有两个值true和false {&q ...
- NodeJs>------->>第三章:Node.js基础知识
第三章:Node.js基础知识 一:Node.js中的控制台 1:console.log.console.info 方法 console.log(" node app1.js 1> ...
- [JS复习] JS 基础知识
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display :inline or bloc ...
- HTML+CSS+JS基础知识
HTML+CSS+JS基础知识 目录 对HTML+CSS+JS的理解 基础知识 对HTML+CSS+JS的理解 基础知识 插入样式表的三种方式 外部样式表:<link rel="sty ...
- Node.js基础知识
Node.js入门 Node.js Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行 ...
- 网站开发进阶(十五)JS基础知识充电站
JS基础知识充电站 1.javascript alert弹出对话框时确定和取消两个按钮返回值? 用的不是alert对话框,是confirm confirm(str); 参数str:你要说的话或问题: ...
- JS基础知识笔记
2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...
- day03-MySQL基础知识02
MySQL基础知识02 4.CRUD 数据库CRUD语句:增(create).删(delete).改(update).查(Retrieve) Insert 语句 (添加数据) Update 语句(更新 ...
- js基础知识--BOM
之前说过,在js的 运行环境为浏览器时,js就主要有三部分组成: ECMAScript核心语法.BOM.DOM.今天就和大家详细说一下BOM的一些基础知识. BOM BOM通常被称为浏览器对象模型,主 ...
随机推荐
- H.264 SVC 与H.264 AVC
分级视频编码技术实现一次性编码产生具有不同帧率.分辨率的视频压缩码流,然后根据不同网络带宽.不同的显示屏幕和终端解码能力选择需要传输的视频信息量,以此实现视频质量的自适应调整 AVC 实际上是 H.2 ...
- mac下sublime 配置使用markdown
Sublime Text作为一个优秀的文本编辑器,拥有很多的扩展插件.我们可以利用这些插件为Sublime Text 增加扩展的功能.mac常用编辑器强烈推荐sublime,当前出到Sublime T ...
- MongoDB基础之九 replication复制集
准备工作:创建目录 mkdir -p /home/m17 //home/m18 /home/m19 /home/mlog 1:启动3个实例,且声明实例属于某复制集 # ./bin/mongod --d ...
- Sublime Text3自定义主题
设置背景色和关键字颜色(Color Scheme 生成器): Color Scheme 生成器地址:http://tmtheme-editor.herokuapp.com/ 首先:点击General- ...
- 前端必备技能之Photosh切图
切图:即从设计稿里面切出网页素材 一.使用Photoshop工具 工具的使用: 1.将文字与标尺的单位的设置为像素 2.打开这五个窗口,关闭其它窗口,保存工作区方便以后使用 3.工作区弄乱时,可以使用 ...
- 基于canvas的二维码邀请函生成插件
去年是最忙碌的一年,实在没时间写博客了,看着互联网行业中一个又一个人的倒下,奉劝大家,健康要放在首位,保重身体.好了,言归正传,这是17年的第一篇博文,话说这天又是产品同学跑过来问我说:hi,lenn ...
- Linux下connect超时处理【总结】
1.前言 最近在写一个测试工具,要求快速的高效率的扫描出各个服务器开放了哪些端口.当时想了一下,ping只能检测ip,判断服务器的网络是连通的,而不能判断是否开放了端口.我们知道端口属于网络的应用层, ...
- ubuntu通过虚拟域名访问不了 502 / 网络错误
##之前把虚拟机的lamp环境搭建好,但是通过自己windows在浏览器访问一直不能正常运行. 简单说明一下我的相关设置: 1.设置windows的ip映射 C:\Windows\System32\d ...
- 【Java深入研究】2、JVM类加载机制
一.先看看编写出的代码的执行过程: 二.研究类加载机制的意义 从上图可以看出,类加载是Java程序运行的第一步,研究类的加载有助于了解JVM执行过程,并指导开发者采取更有效的措施配合程序执行. 研究类 ...
- 每天一个linux命令(43)--netstat命令
netstat 命令用于显示与 IP TCP UDP 和 ICMP协议相关的统计数据,一般用于检验本机各端口的网络连接情况.netstat 是在内核中访问网络及相关信息的程序,它能提供TCP连接,T ...