资讯专栏INFORMATION COLUMN

学习笔记一 基础语法

Songlcy / 1361人阅读

摘要:需要注意的是字符串有三个截取方法和和方法用于操作尾部元素,和方法用于操作头部元素。语法它用于删除并添加元素,也可以只删除不添加。对象操作符可以判断对象是否含有某个属性,但是无法判断这个属性是它自己的,还是继承来的。

1.关于ECMAScript

ECMA-262经历了多个版本的更新迭代,需要了解一下五个版本:

ES5:2009年12月

ES5.1:2011年6月

ES6/ECMAScript 2015:2015年6月

ESMAScript 2016:2016年6月

2.模板字符串

模板字符串是从ES2015开始引入的,常用用法有:

2.1 多行字符串
console.log(`string text line 1
string text line 2`);
// "string text line 1
// string text line 2"
2.2 嵌入表达式
var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."
3.数组

数组的slice方法和字符串的substring方法功能类似,都是截取一段。需要注意的是字符串有三个截取方法:

String.slice( begin [, end ] )
String.substring( from [, to ] )
String.substr( start [, length ] )
3.1 pushpop

pushpop方法用于操作尾部元素,unshiftshift方法用于操作头部元素。

3.2 splice

语法:array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
它用于删除并添加元素,也可以只删除不添加。

4.对象

in操作符可以判断对象是否含有某个属性,但是无法判断这个属性是它自己的,还是继承来的。这个时候需要使用hasOwnProperty方法。

5.mapset

它们是从ES6开始引入的,下面介绍一下常用用法:

5.1 map
var m = new Map([["Michael", 95], ["Bob", 75], ["Tracy", 85]]);
m.get("Michael"); // 95
var m = new Map(); // 空Map
m.set("Adam", 67); // 添加新的key-value
m.set("Bob", 59);
m.has("Adam"); // 是否存在key "Adam": true
m.get("Adam"); // 67
m.delete("Adam"); // 删除key "Adam"
m.get("Adam"); // undefined
5.2 set
var s = new Set([1, 2, 3, 3, "3"]);
s; // Set {1, 2, 3, "3"}
s.delete("3"); // 删除元素
s.add(4);
s; // Set {1, 2, 3, 4}
s.add(4);
s; // 仍然是 Set {1, 2, 3, 4}
6.iterable

为了统一集合类型,ES6标准引入了新的iterable类型,ArrayMapSet都属于iterable类型。具有iterable类型的集合可以通过新的for ... of循环来遍历。

使用for...in遍历数组时,数组的属性也会被遍历出来;而for...of只遍历数组的元素。

forEach方法是ES5.1引入的。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93925.html

相关文章

  • (原创)vue 学习笔记

    摘要:菜鸟教程这是一个属性其值是字符串菜鸟教程同上这是一个属性其值是字符串用于定义的函数,可以通过来返回函数值。它们都有前缀,以便与用户定义的属性区分开来。 开篇语 我最近学习了js,取得进步,现在学习vue.js.建议新手学习,请不要用npm的方式(vue-cli,vue脚手架),太复杂了. 请直接下载vue.js文件本地引入,就上手学习吧参照菜鸟教程网站的vue.js教程http://...

    layman 评论0 收藏0
  • Java入门请不要放弃,学习路线以及侧重点分析

    摘要:而面向搜索引擎,就是我们要及时的使用百度谷歌遇到问题无法解决,先别急着放弃,可以去网络寻找答案,你的坑大部分别人都已经走过了,大部分都可以找到合适的解决方案。 showImg(https://segmentfault.com/img/remote/1460000019236352?w=866&h=456); 前言: ●众多的语言,到底哪一门才是适合我的?●我们为什么要学习Java语言呢...

    mochixuan 评论0 收藏0
  • JS基础语法 学习笔记1

    摘要:以下内容摘自阮一峰标准参考教程语句叫做表达式,指一个为了得到返回值的计算式。语句和表达式的区别在于,前者主要为了进行某种操作,一般情况下不需要返回值后者则是为了得到返回值,一定会返回一个值。变量变量是对值的具名引用。 以下内容摘自阮一峰-JavaScript-标准参考教程 语句 var a = 1 + 3; 1 + 3叫做表达式(expression),指一个为了得到返回值的计算式...

    lyning 评论0 收藏0
  • php学习笔记基础部分

    摘要:学习至今一年有余,笔记积累挺多的,也挺杂的,写篇文章整理一下吧。基础部分输出文本的基础指令和。函数内部声明的变量拥有作用域,只能在函数内部进行访问。布尔型要指定一个布尔值,使用关键字或。 php学习至今一年有余,笔记积累挺多的,也挺杂的,写篇文章整理一下吧。 php基础部分 showImg(http://segmentfault.com/img/bVcWhR); PHP 输出文本...

    wapeyang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<