JS自学笔记05

1、例题

产生随机的16进制颜色

function getColor(){
var str="#";
var arr=["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
for(var i=0;i<6;i++){
var num=parsenInt(Math.random()*16)
str+=arr[num];
}
return str;
}

2、Date

1)构造函数

var dt=new date();
console.log(dt);//将返回当前时间 //可传入时间
var dt=new date("2017-08-23"); var dt=Date.now();
//当前的毫秒数

2)部分常见方法请查阅手册

toDateString();//英文的格式

toLocalDateString();//数字格式

toTimeString();//小时分钟秒.

toLocalTimeString()

3)格式化日期并封装

function getDate(dt){
/**
*获取指定格式的时间
*@param dt 日期的对象
*@returns {string}返回的是字符串时间
*
*/
var year=dt.getFullYear();
var month=dt.getMonth();
var day=dt.getDate();
var hour=dt.getHour();
var min=dt.getMinutes();
var sec=dt.getSeconds();
return year+"年"+。。。
}
console.log(getDate(new Date()));

3、字符串

1)

string-字符串类型-基本类型

String-字符串类型-引用类型

js中不存在字符类型如char。字符串可以看作一个字符数组:

var str="hello";
for(var i=0;i<str.length;i++){
console.log(str[i]);
}

字符串具有不可变性,仅指值。不可通过索引修改

2)方法(变量名.)

.length 长度

.charAt(index) 从一个字符串中返回指定索引处的字符

String.fromCharCode(num1,num2,…)参数列表中的序列表示的是Unicode值

返回指定的unicode值序列创建的字符串

.concat(str1,str2,str3,…)

将一个或多个字符串与原字符串连接合并,形成一个新的字符串并返回

.

.lastIndexOf(str)

从后往前找



str2=str1.replace("cc","xx");//在str1中用xx代替cc并用str2接收,原字符串不变

.slice(beginSlice[,endSlice])

提取一个字符串的一部分,并返回一串新的字符串。包左不包右

.split([separator[,limit]])

指定分隔符分割一字符串,limit是指切割后留下的个数



.toLocaleLowerCase()

将调用的字符串转为小写

toLocaleUpperCase()

转大写

.trim()

去空格

//案例:统计某一字符串中各字母出现了几次
把字母作为键,次数作为值,添加到对象中,之后遍历即可
var str3=...;
//第一步:把全部字母变成小写
str3=str3.toLowerCase();
//第二步:创建一个空对象,目的是把字幕作为键,次数作为值
var obj={};
//遍历字符串,获取每个字母
for(var i=0;i<str3.length;i++){
//判断obj这个对象中有无该字母
var key=str3[i];//每个字母
if(obj[key]){
//判断obj中有无这个键
//有该字母,次数加一
obj[key]++;
}else{
//无该字母,赋次数1
obj[l=key]=1;
}
}
//遍历对象
for(var key in obj){
console.log(key+"出现了"+obj[key]+"次");
}

3、Array对象

数组也是对象

如何判断变量是不是数组类型:

–instanceof

var obj={};//如果是中括号则返回true

console.log(obj instanceof Array);//false

–Array.isArray(变量名或值)

用于确定传递的值书否为一个Array

1)构造函数

var arr1=new Array();

字面量的方式

var arr2=[];

2)方法:

Array.from(arr);

var newArr=Array.from(["1","2","3"]);//将生成数组["1","2","3"]

.concat(数组1,数组2…)

拼接数组

.every(callback[, thisArg])

测试数组的所有元素是否通过了指定函数的测试,返回布尔类型。callback处为一回调函数,被调用时传入3个参数:元素值,元素的索引,原数组

var arr=[1,2,3,4,5];
var x=arr.every(function (a,b,c){
//console.log(arguments.length);//可得知callback函数所需参数的数目是3个
return a>3;//当数组内所有元素的值都大于3时才返回true
})

.filter(函数)

创建一个新数组,该数组的元素时原数组中符合函数规定条件的元素

var arr=[1,2,3,4,5];
var newArr=arr.filter(function(ele){
return ele>40;
});

arr.push(值);将值添加到数组最后边

arr.pop();删除数组中的最后一个元素,返回值就是删除值

arr.shift();删除数组中第一个元素,返回值 就是删除值

arr.unshift(值);向数组的第一个元素之前插入一元素,返回的是插入的数据

.forEach(函数);该方法对数组的每个元素执行一次提供的回调函数。用于遍历数组。注意:回调函数总是有三个参数currentValue当前值,index(索引),array(正在操作的数组)

var arr=[1,2,3,4];
arr.forEach(function(ele,index){
console.log(ele+index);
});//低版本浏览器不支持

.join(“字符”);

向数组中添加各元素间的分隔符

.map();

创建一个数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果

var numbers=[1,4,9];

var roots=number.map(Math.sqrt);

console.log(roots);//返回[1,2,3]

.reverse()

反转数组

.sort()

var arr=[1,6,3,5,2,4,7,9,3];
arr.sort(function(a,b){
//a相当于冒泡排序中的a[j]
//b相当于冒泡排序中的a[j+1]
if(a>b){
return 1;
}else if(a==b){
retuen 0;
}else{
return -1;
}
});//固定写法

数组元素排序,参数列表可有一个函数,作为排序规则

.slice(start,end)

返回一个从开始到结束选择的数组的一部分浅拷贝到一个新数组的对象

.splice()

通过删除现有元素和/或添加新元素来更改一个数组的内容

4、基本包装类型

普通变量不能直接调用属性和方法,对象可以直接调用属性和方法

基本包装类型本身是基本类型,但在执行代码的过程中,如果这样的变量调用了属性或是方法,则这种类型就不再是基本类型了,而是基本包装类型,这个变量也不是普通的变量了,而是基本包装类型的对象。

string,number,boolean既是基本类型,也是基本包装类型

var num=10;
console.log(num.toString()); 对象&&true;//返回true
true&&对象;//返回对象 var num=10;//基本类型
var num2=Number("10");//仅类型转换,基本类型
var num3=new Number("10");//基本包装类型

JS自学笔记05的更多相关文章

  1. JS自学笔记04

    JS自学笔记04 arguments[索引] 实参的值 1.对象 1)创建对象 ①调用系统的构造函数创建对象 var obj=new Object(); //添加属性.对象.名字=值; obj.nam ...

  2. JS自学笔记03

    JS自学笔记03 1.函数练习: 如果函数所需参数为数组,在声明和定义时按照普通变量名书写参数列表,在编写函数体内容时体现其为一个数组即可,再传参时可以直接将具体的数组传进去 即 var max=ge ...

  3. JS自学笔记02

    JS自学笔记02 1.复习 js是一门解释性语言,遇到一行代码就执行一行代码 2.查阅mdn web文档 3.提示用户输入并接收,相比之下,alert只有提示的作用: prompt(字符串) 接收: ...

  4. JS自学笔记01

    JS自学笔记01 1.开发工具 webstorm 2.js(javascript) 是一门脚本.解释性.动态类型.基于对象的语言 含三个部分: ECMAScript标准–java基本语法 DOM(Do ...

  5. JAVA自学笔记05

    JAVA自学笔记05 1.方法 1)方法就是完成特定功能的代码块,类似C语言中的函数. 2)格式: 修饰符 返回值类型 方法名(参数类型 参数名1,参数类型 参数名2,-){ 函数体; return ...

  6. Node.js自学笔记之回调函数

    写在前面:如果你是一个前端程序员,你不懂得像PHP.Python或Ruby等动态编程语言,然后你想创建自己的服务,那么Node.js是一个非常好的选择.这段时间对node.js进行了简单的学习,在这里 ...

  7. Three.js学习笔记05

    场景相关函数和属性 下面的代码中应用到了所有以上的函数及属性: <!DOCTYPE html> <html lang="en"> <head> ...

  8. 老男孩Python全栈开发(92天全)视频教程 自学笔记05

    day5课程内容: 集成开发环境(IDE) VIM #经典的Linux下的文本编辑器 Eclipse #Java IDE Visual Studio #微软开发的IDE notepad++ subli ...

  9. JavaScript自学笔记(1)---表单验证,let和const,JSON文件

    今天开个JS自学笔记,本身JS的语法很简单,如果学过Java或者C系的都很容易,就不讨论了.主要是讨论实际应用的问题. 1.表单验证: a.html自动验证: HTML 表单验证可以通过浏览器来自动完 ...

随机推荐

  1. 一起学Hive——总结复制Hive表结构和数据的方法

    在使用Hive的过程中,复制表结构和数据是很常用的操作,本文介绍两种复制表结构和数据的方法. 1.复制非分区表表结构和数据 Hive集群中原本有一张bigdata17_old表,通过下面的SQL语句可 ...

  2. 一次BurpSuite无法抓https包定位

  3. JavaScript onmousewheel鼠标滚轮示例

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  4. js获取单选框的值

    js获取单选框的值 var lx= $("input[name='lx']:checked").val();

  5. springboot(@Service,@Mapper)注解失效导致无法注入service和mapper

    给我来灵感的博客:感谢:http://blog.51cto.com/xingej/2053297?utm_source=oschina-app 因为使用了注解的类在使用时是通过new出来的,导致注解注 ...

  6. springmvc+ajax——第二讲(页面缓存)

    springmvc+ajax+页面缓存(参考:https://www.cnblogs.com/liuling/archive/2013/07/25/2013-7-25-01.html) 必须设置响应头 ...

  7. IDEA学习——模板及其常用模板

    模板及其常用模板 (1)psvm (2)sout sout / soutp / soutv / 变量.sout (3)fori iter增强for循环 itar普通for循环 (4)list.for ...

  8. MySQL查询本周、上周、本月、上个月份数据的sql脚本

    2018-11-13 查询今天的数据 select * from 表名 where to_days(时间字段名) = to_days(now()); 查询昨天的数据 SELECT * FROM 表名 ...

  9. P2709 小B的询问-莫队

    思路 :依旧是 分块 块内按照 r 排序 不同块按照 L排序,处理好增加 删除对结果的影响即可. #include<bits/stdc++.h> using namespace std; ...

  10. shell编程第五天