JavaScript的理解记录(2)
一、表达式与运算符:
1、对于属性访问表达式:
var arr = {first:"hh","second":"gg",third:null};
alert(arr.first+"=="+arr["second"]+"=="+arr["third"]+"=="+arr.fourth);
//hh==gg==null==undefined
如果命名的属性不存在,那么访问属性获取的值就是undefined;
2、instanceof运算符:
var d = new Date;
d instanceof Date //true;
d instanceof Object //true;
d instanceof Number //false;
所有对象都是Object的实例,包括Array;
3、逻辑表达式 &&:
输出:
当左操作数为真时,&& 运算符将计算右操作数的值,并将其返回作为整个表达式的计算结果;
当左操作数为假时,直接返回左操作数的计算结果;(||运算亦是同理)
二、语句:
1、循环语句:
for(init;test;increment){
statement;
}
约等价于
init;
while(test){
statement;
increment
}
当循环里吗包含continue语句时,for循环会在continue后执行increment;
2 、指令语句"use strict";
如果顶层代码使用了这个指令,那么它们就是严格代码;将以严格模式运行;
相比非严格模式,提供了健壮的查错功能和增强的安全机制;
在严格模式下,调用的函数中的一个this值是undefined,在非严格模式下是全局对象;
三、对象Object: 1、检测对象的属性是否存在的方法:
var m = {x:1};
1、in运算符: 检测自有属性和继承属性;
"x" in m //true; 自有属性
"toString" in m //true;继承属性
2、 hasOwnProperty() 方法: 检测自有属性;
"x" in m //true; 自有属性
"toString" in m //false;继承属性
3、propertyIsEnumerable() 上一个方法的增强版,多了一个是否具有可枚举性的条件;
4、使用!== 判断一个属性是否为undefined; 有时候可以替代第一种方法;
2、序列化对象:
对象序列化是指将对象状态转换为字符串,也可将字符串还原为对象;
通过JavaScript Object Notation ---javascript对象表示法实现,即JSON
JSON.stringify(object): 对象--->字符串
JSON.parse(jsonstring): 字符串--->对象
3、获取对象的keys:
var data = {x:'hh',y:'gg',z:'jj',1:'333','22x':'niu'};
var keys = Object.keys(data);
console.log(keys); // ["1", "x", "y", "z", "22x"]
四、数组:
1、数组长度:
设置数组的length属性为一个小于当前长度的非负整数n时,当前数组中那些索引值大于或
等于n的元素将从中删除;反之,则没有影响!
var arr = [1,23,45,6,7,8];
console.log(arr); //[1,23,45,6,7,8]
arr.length = 6;
console.log(arr);//[1,23,45,6,7,8]
arr.length = 3;
console.log(arr);//[1,23,45]
arr.length = 0;
console.log(arr); //[]
arr.length = 3;
console.log(arr); //[] ==new Array(3);
数组的length属性不受delete操作的影响,delete数组元素类似于赋值undefined;
数组的pop()方法使数组长度减少1并返回被删除的元素;
输出:
2、 数组的方法:
1、join() :将数组所有元素都转化为字符串并连接在一起,可以指定分隔符号,默认为逗号;
2、split() : 字符串转为数组,可以指定分隔符,默认将整个字符串作为生成数组的一个元素;
3、reverse() : 将数组中的元素颠倒顺序,返回逆序的数组;
4、sort() :元素排序,默认已字母名称排序,undefined元素将在尾部;不使用默认排序,则需要
传递一个比较函数 arr.sort(function(a,b){ return a-b; }) //a-b为负值 则顺序为[a,b] 反之同理;
5、contat() : //创建并返回一个包含调用的原始数组的原始和contat的每个参数的新数组;
6、slice() : //返回指定数组的一个子数组,参数为数组的开始和结束为止,获取的子数组包括开始位置
元素但不包括结束位置元素;若参数为负数,则位置为从最后一个元素倒数的位置:
var arr = [1,23,45,6,7,8]; console.log(arr.slice(3,-1)); //[6,7]
7、splice() //在数组中插入或删除元素;第一个参数指定插入或删除的其实位置,第二个参数是指定删除的
元素个数,第三个及之后的参数是要插入的元素,除第一个参数外皆可省略,只有一个参数则代表从起始点开始
到数组的结尾,所有元素都将删除;
8、push和unshift :分别在尾部和头部添加元素;
9、pop和shift: 分别删除尾部和头部元素;
ECMAScript 5新增的数组方法:
10、forEach(): //从头到尾遍历数组,为每个函数调用指定的函数;此函数为forEach方法的参数;
调用函数有三个参数,分别是数组元素,元素的索引,数组本身;(此方法没有break语句)
data.forEach(function(value,index,array){ //dosomething });
11、map(): // 将调用的数组的每个元素传递给指定的函数,并返回一个数组,它包含该函数
的返回值;a=[1,2,3] b = a.map(function(x){ return x*x; }) b = [1,4,9];
12、filter() : //返回符合条件的数组的子集,传递的参数用来进行逻辑判断,返回true,则这个元素
将会被添加到一个作为返回值的数组中。
13、every()和som() //对数组元素应用指定的函数进行判定,返回true或false; 参数是一个返回true和false的
函数;every()相当于allOf 即必须都为true,才会返回true;some() 相当于anyOf,有一个为true即可;
14、reduce()和reduceRight() : //使用指定的函数将数组元素进行组合,生成单个值;
有两个参数,第一个是执行化简操作的函数,第二个是传递给函数初始值;是可选的,没有就默认第一个元素的值;
var arr = [1,3,5,6,7,9];
var sum = arr.reduce(function(x,y){
return x+y;
});
console.log(sum) // 31
reduceRight() 原理与reduce()一样,但是顺序是相反的,从右至左;
15、indexOf()和lastIndexOf() //查找匹配元素,没有返回-1 ;两个参数,第一个是需要搜索的值;
第二个是从第几个开始搜索,可选,默认第一个或最后一个;
其中,3、4、7,8, 9会改变原数组,其余则不会!
JavaScript的理解记录(2)的更多相关文章
- JavaScript的理解记录(6)
---接上篇: 四.CSS相关: 1.CSS不支持注释// 支持注释/* */ 2. 几种浏览器厂商前缀: Firefox : -moz-; Chrome:-webkit- ; IE: ...
- JavaScript的理解记录(5)
---接上篇: 三.DOM解析: 1.Document Object Model(DOM):是表示和操作HTML和XML文档内容的基础API;其中几个重要的类有:Document和Element,Te ...
- JavaScript的理解记录(4)
客户端JavaScript:客户端就是Web浏览器; 一. 前奏: Web文档(document):一些呈现静态信息的页面,虽然有的页面是会动的,但信息本身还是静态! Web应用:可以动态载入信息,相 ...
- JavaScript的理解记录(3)
---接上篇 一.函数: 1. 函数定义后直接执行:var f = (function(x){ return x*10}(10)); 2. 函数的调用有四种方式: 作为函数:作为方法:作为构造函 ...
- JavaScript的理解记录(1)
1.JavaScript的数据类型分为两类:原始类型和对象类型: 原始类型包括:数字,字符串,布尔值,null和undefined; (都是不可变类型,值不可以修改) 对象类型:普通对象和函数: 函数 ...
- Javascript中理解发布--订阅模式
Javascript中理解发布--订阅模式 阅读目录 发布订阅模式介绍 如何实现发布--订阅模式? 发布---订阅模式的代码封装 如何取消订阅事件? 全局--发布订阅对象代码封装 理解模块间通信 回到 ...
- 第一百二十九节,JavaScript,理解JavaScript库
JavaScript,理解JavaScript库 学习要点: 1.项目介绍 2.理解JavaScript库 3.创建基础库 从本章,我们来用之前的基础知识来写一个项目,用以巩固之前所学.那么,每个项目 ...
- 《javascript个人理解,个人整理。》
万事开头难. 本人做前端工程师,已几年,没有特别大的,已文字方式去做总结. 前段时间,早已经想好,但是迟迟没有去下笔!好在现在陆陆续续的写下去. 我知道这是一个很大的工程,但是我还是想做下去,不为别的 ...
- 【转】Javascript中理解发布--订阅模式
Javascript中理解发布--订阅模式 阅读目录 发布订阅模式介绍 发布---订阅模式又叫观察者模式,它定义了对象间的一种一对多的关系,让多个观察者对象同时监听某一个主题对象,当一个对象发生改变时 ...
随机推荐
- 烂泥:高负载均衡学习haproxy之关键词介绍
本文由ilanniweb提供友情赞助,首发于烂泥行天下 上一篇文章我们简单讲解了有关haproxy的安装与搭建,在这篇文章我们把haproxy配置文件中使用到的关键词一一介绍下. 关注我微信ilann ...
- 调整busybox中syslogd读取内核printk信息长度
busybox 默认读取内核printk信息长度256, 通过CONFIG_FEATURE_SYSLOGD_READ_BUFFER_SIZE宏可调整, 如下: #cd busybox-1.21.1#m ...
- MMORPG大型游戏设计与开发(客户端架构 part16 of vegine)
由于近来比较忙碌和有些困倦的原因,所以关于这部分的文章没有及时更新,一句话:让朋友们久等了!今天所讲的是客户端vengine(微引擎)中最后一个部分,就像上节所说,这一部分的内容比较多.可能有些朋友看 ...
- 图的全局最小割的Stoer-Wagner算法及例题
Stoer-Wagner算法基本思想:如果能求出图中某两个顶点之间的最小割,更新答案后合并这两个顶点继续求最小割,到最后就得到答案. 算法步骤: --------------------------- ...
- UVA 11800 Determine the Shape --凸包第一题
题意: 给四个点,判断四边形的形状.可能是正方形,矩形,菱形,平行四边形,梯形或普通四边形. 解法: 开始还在纠结怎么将四个点按序排好,如果直接处理的话,有点麻烦,原来凸包就可搞,直接求个凸包,然后点 ...
- JMeter学习(四)参数化
JMeter也有像LR中的参数化,本篇就来介绍下JMeter的参数化如何去实现. 参数化:录制脚本中有登录操作,需要输入用户名和密码,假如系统不允许相同的用户名和密码同时登录,或者想更好的模拟多个用户 ...
- JS客户端判断
<script language="javascript" type="text/javascript"> function browserDete ...
- AnjularJs的增删改查(单页网站)
2016.6.4 学习文献: 你的第一个AngularJS应用:https://segmentfault.com/a/1190000000347412 AngularJS 提交表单的方式:http:/ ...
- cocos 锚点、包围盒
cocos中,setPosition就是设置一个sprite的锚点在父级元素的坐标 默认锚点是sprite矩形的中点 可以用getBoundingBox返回一个sprite所占矩形范围.范围用Rect ...
- 集合中Set接口与Collection接口,常用子类TreeSet,HashSet.
Set接口与List接口的不同之处在于: 不允许有重复的数据. 定义如下: public interface Set<E>extends Collection<E> 主要方法与 ...