前端---js02
主要内容
- 1.数组
- 2.字符串
- 3.Date日期对象
- 4.内置对象
- 5.定时器
- 6.DOM
- 7.伪数组
内置对象:
1 数组(列表) Array
(1) 数组的创建
<script>
//字面量方式创建
var colors=['green','red','yellow'];
console.log(colors);
//内置函数构造函数,在jsz中new关键字来创建对象
var colors1= new Array('a','b');
var colors2= new Array();
console.log(colors1);
colors2[]='好'; //可以通过索引直接添加数据,同一个索引进行添加赋值会被替换
console.log(colors2)
(2)数组常用的方法:
concat(合并):
//合并 ;
var a=['哪吒','葫芦娃'];
var b=['大娃','金刚娃']; var hebing=a.concat(b); //他是数组类的一个方法 console.log(hebing) //列表里a在前b在后
join():拼接
// 拼接 join(): 返回字符串
var newstr=a.join('|');
console.log(typeof (newstr)) //哪吒|葫芦娃
pop();弹出最后一个元素并返回删除的元素:
var newstr=a.pop();
console.log(newstr);//返回值 葫芦娃
console.log(a)
shift() 移除第一个元素,返回移除元素
var newstw=a.shift();
console.log(newstw) ;//返回移除的元素 哪吒
console.log(a) //
unshift()
//unsjift
var c=a.unshift('三娃');//向第一个元素位置插入元素 并返回新列表长度
console.log(a)//原列表既有长度也有新列表
slice():索引取元素,顾头不顾尾,返回数组的一段
//slice
var newlise=a.slice(,); //索引取元素,顾头不顾尾
console.log(newlise)
push:
//push 向数组的末尾添加元素,并返回长度
var newlt=a.push('三娃','四娃');
console.log(a)
reverse() 翻转数组
//reverse() 翻转数组
var newlt=a.reverse();
console.log(newlt)
判断是否为数组:isArray()
console.log(Array.isArray(a)) //返回布尔值
2 字符串 String
常用方法:
chartAt() 返回指定索引位置的字符:
var astr='大衣娃的博客园';
var newstr=astr.charAt();
console.log(newstr) //娃
conca() 拼接多个字符串为一个新的字符串
var astr='大衣娃的博客园';
var str='sdad';
var str1='ssss'; //concat
var newstr=astr.concat(str,str1); //可以拼多个
console.log(newstr)
replace(a,b) 将字符串a替换成字符串b
var a = '';
var newStr = a.replace("","****");
console.log(newStr);//123****755
indexof() 查找字符的下标,如果找到返回字符串的下标,找不到则返回-1
var str = 'alex';
console.log(str.indexOf('e'));//
console.log(str.indexOf('p'));//-1
slice(start,end) 提取一个字符串的一部分,并返回一新的字符串
var str = '小马哥'; 顾头不顾尾
console.log(str.slice(,));//马
split('a',1) 以字符串a分割字符串,并返回新的数组。如果第二个参数没写,表示返回整个数组,如果定义了个数,则返回数组的最大长度
var astr='大衣娃1的1博客1园';
var newstr=astr.split('',);
console.log(newstr)
substr(start,length) 返回一个字符串中从指定位置开始到指定字符数的字符。
var str = '我的天呢,a是嘛,你在说什么呢?a哈哈哈';
console.log(str.substr(,));//我的天呢
toLowerCase()转小写
var str = 'XIAOMAGE';
console.log(str.toLowerCase());//xiaomage
toUpperCase()转大写
var str = 'xiaomage';
console.log(str.toUpperCase());
substring(indexStart,indexEnd) 提取字符串中介于两个指定下标之间的字符。返回的子串包括 开始 处的字符,但不包括 结束 处的字符
- 如果
indexStart
等于indexEnd
,substring
返回一个空字符串。 - 如果省略
indexEnd
,substring
提取字符一直到字符串末尾。 - 如果任一参数小于 0 或为
NaN
,则被当作 0。 - 如果任一参数大于
stringName.length
,则被当作stringName.length
。 - 如果
indexStart
大于indexEnd
,则substring
的执行效果就像两个参数调换了一样
var astr='大衣娃1的1博客1园';
// var newstr=astr.substring(-100,-100);//空字符串
// var newstr=astr.substring();//不写 都会打印出来
// var newstr=astr.substring(-1,2000);//开头小于0则被视为0,末尾大于lenth str则视为全部
var newstr=astr.substring(,);//开头大于末尾则被视为 正常索引2到5
console.log(newstr)
trim() 去除字符串两边的空白
toFixed() 四舍五入,括号里可以写保留几位小数
var num = 132.32522;
var newn=num.toFixed();
console.log(newn)//132.33
3 Date日期对象
创建日期对象:
只有构造函数这一种方法
var time=new Date();
console.log(time) //Fri Jan 04 2019 19:16:44 GMT+0800 (中国标准时间)
相关语法:
获取当前时间的年月日
/*var time=new Date();
// console.log(time)
var year=time.getFullYear();
var month=time.getMonth()+1;
var day=time.getDate();
var hours=time.getHours();
var min=time.getMinutes();
var sec=time.getSeconds();*/
// console.log(`${year}-${month}-${day} ${hours}:${min}:${sec}`); 控制台打印
// var newtime=`${year}-${month}-${day} ${hours}:${min}:${sec}`;
// document.write(newtime); 文本打印
4 内置对象
常用方法
(上面第二行写错了:是天花板函数)
Math.ceil() 向上取整,'天花板函数'
var x = 1.234;
//天花板函数 表示大于等于 x,并且与它最接近的整数是2
var a = Math.ceil(x);
console.log(a);//
Math.floor 向下取整,'地板函数'
var x = 1.234;
// 小于等于 x,并且与它最接近的整数 1
var b = Math.floor(x);
console.log(b);//
Math.max和Math.min
//求 两个数的最大值 最小值
console.log(Math.max(,));//
console.log(Math.min(,));//
随机数 Math.random()
var ran = Math.random();
console.log(ran);[,) 默认是0-1之间的随机数
5 定时器:
基础写法:
一次性定时器:
//setTimeout 异步操作 同步数据阻塞的问题
setTimeout(function () {
console.log('呵呵呵');
},); console.log('哈哈哈') 会先执行'哈哈哈'接着执行'呵呵呵'上面有个50毫秒的延时所以说他异步的
setInterval(function () { },) //意思每过1000毫秒执行一次这个函数,中间是函数体
小例子在页面中打印当前时间:
<h2 id='tim'></h2>
<script>
function show(){
var time=new Date();
// console.log(time)
var year=time.getFullYear();
var month=time.getMonth()+;
var day=time.getDate();
var hours=time.getHours();
var min=time.getMinutes();
var sec=time.getSeconds(); var newtime=`${year}-${month}-${day} ${hours}:${min}:${sec}`;
return newtime
}
setInterval(function () {
var nn=show();
var ss=document.getElementById('tim');
ss.innerText=nn; },)
6 DOM
获取事件的三种方式:
document.getElementById('box') //直接id获取
document.getElementsByClassName('active')//类获取
document.getElementsByTagName('p') //标签获取待续
待续...
7 伪数组
arguments 代表实参,他只在函数中使用
function fn() {
console.log(arguments); //fn 传递的参数会添加到 arguments中 ,形式上和数组一样
//但是当他使用数组的方法会报错 ,他就不是一个数组
// arguments.push('吴老板'); // Uncaught TypeError: arguments.push is not a function
//所以只有用for循环来遍历伪数组中的元素
var arr = [];
for(var i= ; i<arguments.length; i++){
console.log(arguments[i]);
arr.push(arguments[i])
}
console.log(arr)
}
fn("qwer","asdf")
前端---js02的更多相关文章
- 构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案(四)
通过前面几节的准备工作,对于 npm / node / gulp 应该已经有了基本的认识,本节主要介绍如何构建一个基本的前端自动化开发环境. 下面将逐步构建一个可以自动编译 sass 文件.压缩 ja ...
- 常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案(三)
前两篇文章讨论了 Gulp 的安装部署及基本概念,借助于 Gulp 强大的 插件生态 可以完成很多常见的和不常见的任务.本文主要汇总常用的 Gulp 插件及其基本使用,需要读者对 Gulp 有一个基本 ...
- 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧
记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...
- 总结:Mac前端开发环境的搭建(配置)
新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...
- Fis3的前端工程化之路[三大特性篇之声明依赖]
Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...
- Fis3的前端工程化之路[三大特性篇之内容嵌入]
Fis3版本:v3.4.22 Fis3的三大特性 资源定位:获取任何开发中所使用资源的线上路径 内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中 依赖声明:在一个文本文 ...
- Fis3的前端模块化之路[基础篇]
Fis3版本:v3.4.22 fis3是一个构建工具 解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题. 安装 npm install -g fis3 运行 fis3 ...
- 细说前端自动化打包工具--webpack
背景 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起.用过Dreamweaver的都知道,做网页就像用word编辑文档 ...
- 通过AngularJS实现前端与后台的数据对接(二)——服务(service,$http)篇
什么是服务? 服务提供了一种能在应用的整个生命周期内保持数据的方法,它能够在控制器之间进行通信,并且能保证数据的一致性. 服务是一个单例对象,在每个应用中只会被实例化一次(被$injector实例化) ...
随机推荐
- fiddler 4 设置代理
Windows使用一种被称为“AppContainer”的隔离技术,它可能会干扰lmmersive应用程序和Edge浏览器的流量捕捉.使用进度Telerik Fiddler的工具栏上的WinConfi ...
- go-ethereum源码分析 PartIII 共识流程
A: js指令转化为新transaction 在web3上操作流程 1. import to web3 2. connect to peers 3. read local key store 4. d ...
- 二进制转base64
一. 以fetch的获取数据 1. response(后台返回): const buffer = response.arrayBuffer(),将二级制转成arrayBuffer类型 2. buffe ...
- html布局(盒子)
在body里面放置两个盒子,里面盒子设置margin-top,外层盒子生效?在里面盒子上面加一个块元素,设置高度 表单 form action="地址" method=" ...
- Go 基础 坑
1.字符串空为"" 2. 传递的数组是原数组的拷贝,所以是无法通过传递数组的方法去修改原地址的数据的.在GO语言中除了切片(slice).集合(map).通道(channel)和接 ...
- vue+uwsgi+nginx部署前后端分离项目
前后端分离,vue前端提供静态页面,且可以向后台发起get,post等restful请求. django后台提供数据支撑,返回json数据,返回给vue,进行数据页面渲染 后端 创建虚拟环境 解决dj ...
- Floyd判断环算法总结
Floyd判断环算法 全名Floyd’s cycle detection Algorithm, 又叫龟兔赛跑算法(Floyd's Tortoise and Hare),常用于链表.数组转化成链表的题目 ...
- virtualenv与virtualenvwrapper的配置
virtualenv是用来创建python虚拟环境的一个工具(python的Scripts目录下virtualev.exe文件),virtualenvwrapper是用来 便于管理virtualenv ...
- 【基于微信小程序的社区电商平台】第一次迭代心得(非正式版本
一.迭代任务 团队在第八周确认迭代计划时,是想要在第一阶段实现电商小程序的核心功能,就是买和卖,也是前端和后台数据交换的核心模块.涉及到首页浏览商品信息,查看商品详情及评论,选择加入购物车.关注卖家以 ...
- .net正则匹配
char[] weixin = txtweixinhao.Text.Trim().ToCharArray(); for (int i = 0; i < weixin.Length; i++) i ...