js入门的一些知识串联(小总结)

对象

一般来说使用{}来定义一个对象,再把它赋值给变量obj

var obj={
p:'world peace',
q:'My dream'
} 

大括号内部包含着的内容是键值对,p,q 是键名。My dream和world peace是键值,键名和键值用:隔开,键值对之间用逗号隔开

基本使用

var intro = {
    name: 'jun',
    age: 23,
    saysaohua: function(){
        console.log('我想明白了')
    }
}
console.log(intro.name)
console.log(intro['name'])
intro.saysaohua()

两种运算符

1.点运算符
2.方括号运算符
可以看出 obj.键名 = obj['键名'] 其作用都为读取对象的属性(键名)
请注意,如果使用方括号运算符,键名必须放在引号里面,否则会被当作变量处理。但是,数字键可以不加引号,因为会被当作字符串处理。
可以用这两种运算符来完成属性赋值

查看属性

可以使用Object.keys()


JSON格式

JSON 格式(JavaScript Object Notation 的缩写)是一种用于数据交换的文本格式,2001年由 Douglas Crockford 提出,目的是取代繁琐笨重的 XML 格式。
相对于js中平常的格式较严格一些
1.复合类型的值只能是数组和对象
2.简单类型的值有字符串,数值(十进制),布尔值和null
3.字符串使用双引号
4.对象的键名必须放在双引号

delate

delete命令用于删除对象的属性,删除成功后返回true。

JSON.stringify()

符合JOSO格式的可以用该方法将值转换为字符串
如果原始对象中,有一个成员的值是undefined、函数或 XML 对象,这个成员会被过滤
如果数组的成员是undefined、函数或 XML 对象,则这些值被转成null
正则对象会被转成空对象。

JOSON.parse

符合JOSO格式的可以用该方法将字符串转换为对象
如果传入的字符串不是有效的JSON格式,JSON.parse方法将报错。
将这两个方法结合起来可以实现对象的深拷贝
var newobj = JSON.parse(JSON.stringify(oldobj))

数组

数组自身的功能

push
arr.push(1)可以在数组中的最后一位添加元素
arr.pop()将数组的最后一位剔出来,返回数组
arr.unshift('1')在数组的第一位添加新元素
arr.shift()把数组的第一位元素剔除
arr.splice(1,1,1)第一个1是位置下标,表示要执行操作的位置,第二个1代表的是要替换的长度,当为0时表现得就只是增加元素,后面的就是新增加的元素

concat

用于拼接数组

var a=[1,3,5,7]
var b=[2,4,6,8]
console.log(a.concat(b))//[1,3,5,7,2,4,6,8]

reverse

方法用于将数组逆序,与之前不同的是它会修改原数组

var a = [1,2,3,4,5];
a.reverse();
console.log(a); //[5, 4, 3, 2, 1]

sort

用于数组排序

var c=[1,3,5,7,2,4,6,8]
c.sort()//[1,2,3,4,5,6,7,8]
还可以用来对属性进行排序
var fridens=[{age:3,name:'dog'},{age=5,name:'cat'},{age:2,name:'bird'}]
fridens.sort(function(v1,v2){
return v1.age-v2.age})
fridens.sort(function(v1,v2){
return v1.name>v2.name})

ES5数组拓展

Array.isArray([])判断一个对象是不是数组

是则返回true否则返回false

.indexOf(element) / .lastIndexOf(element)

用于查找数组内指定元素位置,查找到第一个后返回其索引,没有查找到返回-1,indexOf从头至尾搜索,lastIndexOf反向搜索。
但返回的坐标都是从左往右数的

var a = [1,5,4,2,0,1]
console.log(a.indexOf(1)) //0
console.log(a.lastIndexOf(1)) //5

.forEach(element, index, array)

遍历数组,参数为一个回调函数,回调函数有三个参数:
1.当前元素
2.当前元素索引值
3.整个数组
该用法除了可以遍历数组以外,还可以做一些功能性函数,比如将原数组在原有基础之上,每个元素施加一样的效果之后转换成新的数组

var a = new Array(1,2,3,4,5,6);

a.forEach(function(e,i,array){
    array[i]= e + 1;
});

console.log(a); //[2, 3, 4, 5, 6, 7]

.every(function(element, index, array))

是所有函数的每个回调函数都返回true的时候才会返回true,当遇到false的时候终止执行,返回false

.some(function(element, index, array))

“存在”有一个回调函数返回true的时候终止执行并返回true,否则返回false

var a = [1, 2, 3, 4, 5, 6]

console.log(a.every(function(e, i, arr){
return e < 5
}))

console.log(a.some(function(e,i,arr){
  return e > 4
}))

.map(function(element))

与forEach类似,遍历数组,回调函数返回值组成一个新数组返回,新数组索引结构和原数组一致,但是有所不同的是原数组不变

var a = [1, 2, 3, 4, 5, 6]

console.log(a.map(function(e){
  return e * e
}))  // [1, 4, 9, 16, 25, 36]

console.log(a) //[1, 2, 3, 4, 5, 6]

.filter(function(element))

返回数组的一个子集,回调函数用于逻辑判断是否返回,返回true则把当前元素加入到返回数组中,false则不加
功能类似一个筛子,选好条件,符合条件的元素加入新数组中,实现过滤的作用原数组保持不变

var a = [1, 2, 3, 4, 5, 6]

console.log(a.filter(function(e){
  return e % 2 == 0;
})) // [2, 4, 6]

console.log(a) //[1, 2, 3, 4, 5, 6]

.reduce(function(v1, v2), value)

.reduceRight(function(v1, v2), value)

功能:
回调函数:把两个值合为一个,返回结果(可累加,累减,累乘)
value,一个初始值,可选
区别 .reduce是从左向右选值,.reduceRight从右向左选值

var a = [1, 2, 3, 4, 5, 6]
var b = a.reduce(function(v1, v2){ return v1 + v2 }) console.log(a) // 21

var b = a.reduceRight(function(v1, v2){ return v1 - v2 }, 100)

字符串

定义

:字符串就是零个或多个排在一起的字符,放在单引号或双引号之中。

转义

如果要在单引号字符串的内部,使用单引号(或者在双引号字符串的内部,使用双引号),就必须在内部的单引号(或者双引号)前面加上反斜杠\,用来转义。
如果长字符串必须分成多行,可以在每一行的尾部使用反斜杠。

var longString = "Long \
long \
long \
string"

常见的字符串方法

  1. 长度计算,连接
 var str = "hello";
    console.log( str.length );//5
   console.log( str[0] );//h
    console.log( str[str.length - 1]  );//o
    console.log( str.charAt(0) );//h
    console.log( str.charCodeAt(0) );//104

    var str2 = " world";
    var str3 = str1 + str2;
    cosnole.log( str3 );

字符串截取

var str = "hello world";
    var sub1 = str.substr(1, 3); // 第一个是开始位置, 第二个是长度  ell
    var sub2 = str.substring(1, 3); // 第一个是开始位置,第二个是结束位置,长度为第二个-第一个  el
    var sub3 = str.slice(1, 3); // 同上 允许负参

查找

var str = "hello my world";
    var s1 = str.search('my');   //6 找不到为-1
    var s2 = str.replace('my', 'your'); //"hello your world"
    var s3 = str.match('my'); //返回匹配的数组

引用 饥人谷课件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,245评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,749评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,960评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,575评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,668评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,670评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,664评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,422评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,864评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,178评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,340评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,015评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,646评论 3 323
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,265评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,494评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,261评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,206评论 2 352

推荐阅读更多精彩内容