js 循环
2016-06-17 00:00
253 查看
摘要: 自己关于js 循环的一点认识
var i=1; i++; console.log(i); 2 i++ 返回运算之前i的值, ++i 返回运算之后i的值, ++i 或 i++ 执行之后 i 的值都会被加1
var j=1; console.log(j++); 1
var k=1; console.log(++k); 2
var o=1; ++o; console.log(o); 2
for(var i=0; i<10; i++) {
console.log(i);
} // 0 1 2 3 4 5 6 7 8 9
for 执行顺序 ; 先 执行第一个表达式,再if判断执行代码块,再执行递增或者递减运算。在依次执行 if 判断代码块,再执行 递增或者递减运算。如果还是满足if判断,就一直执行循环下去。直到if不满足条件。
思考:
1+2+3+4+。。。+100 = ?
var k=0;
for(var i=1; i<101; i++) {
k = k+i;
}
console.log(k); 1050;
1+2+3 依次累加,需要把之前的一次运算值保存起来。借助 k。 之后加上新的 i 的值进行运算。
打印 hello , men! 尽量用多种写法
for 正序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
for(var i=0; i<arr.length; i++) {
console.log('Hello, '+arr[i]+'!');
}
'use strict';
var arr = ['bart', 'lisa', 'adam'];
for(var i=0; i < arr.length;) {
console.log('Hello, '+arr[i++]+'!');
}
for 倒序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
for(var i=arr.length-1; i>-1; i--) {
console.log('Hello, '+arr[i]+'!');
}
'use strict';
var arr = ['bart', 'lisa', 'adam'];
for(var i = arr.length; i>0;) {
console.log('Hello, '+arr[--i]+'!');
}
do...while 正序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
var i = 0;
do{
console.log('Hello, '+arr[i++]+'!');
}while(i<arr.length);
do...while 倒序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
var i = arr.length;
do{
console.log('Hello, '+arr[--i]+'!');
}while(i>0);
while 正序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
var i = 0;
while(i<arr.length){
console.log('Hello, '+arr[i++]+'!');
};
while 倒序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
var i = arr.length;
while(i>0){
console.log('Hello, '+arr[--i]+'!');
};
数组操作方法,正序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
while(arr.length) {
console.log(arr.shift());
}
shift 从第一个开始移除
数组操作方法, 倒序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
while(arr.length) {
console.log(arr.pop());
}
pop 从最后一个开始移除
var i=1; i++; console.log(i); 2 i++ 返回运算之前i的值, ++i 返回运算之后i的值, ++i 或 i++ 执行之后 i 的值都会被加1
var j=1; console.log(j++); 1
var k=1; console.log(++k); 2
var o=1; ++o; console.log(o); 2
for(var i=0; i<10; i++) {
console.log(i);
} // 0 1 2 3 4 5 6 7 8 9
for 执行顺序 ; 先 执行第一个表达式,再if判断执行代码块,再执行递增或者递减运算。在依次执行 if 判断代码块,再执行 递增或者递减运算。如果还是满足if判断,就一直执行循环下去。直到if不满足条件。
思考:
1+2+3+4+。。。+100 = ?
var k=0;
for(var i=1; i<101; i++) {
k = k+i;
}
console.log(k); 1050;
1+2+3 依次累加,需要把之前的一次运算值保存起来。借助 k。 之后加上新的 i 的值进行运算。
打印 hello , men! 尽量用多种写法
for 正序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
for(var i=0; i<arr.length; i++) {
console.log('Hello, '+arr[i]+'!');
}
'use strict';
var arr = ['bart', 'lisa', 'adam'];
for(var i=0; i < arr.length;) {
console.log('Hello, '+arr[i++]+'!');
}
for 倒序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
for(var i=arr.length-1; i>-1; i--) {
console.log('Hello, '+arr[i]+'!');
}
'use strict';
var arr = ['bart', 'lisa', 'adam'];
for(var i = arr.length; i>0;) {
console.log('Hello, '+arr[--i]+'!');
}
do...while 正序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
var i = 0;
do{
console.log('Hello, '+arr[i++]+'!');
}while(i<arr.length);
do...while 倒序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
var i = arr.length;
do{
console.log('Hello, '+arr[--i]+'!');
}while(i>0);
while 正序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
var i = 0;
while(i<arr.length){
console.log('Hello, '+arr[i++]+'!');
};
while 倒序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
var i = arr.length;
while(i>0){
console.log('Hello, '+arr[--i]+'!');
};
数组操作方法,正序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
while(arr.length) {
console.log(arr.shift());
}
shift 从第一个开始移除
数组操作方法, 倒序
'use strict';
var arr = ['bart', 'lisa', 'adam'];
while(arr.length) {
console.log(arr.pop());
}
pop 从最后一个开始移除
相关文章推荐
- JS 实现复制到剪切板
- 45个实用的JavaScript黑科技
- 由Map和类生成Json,由Json生成Map
- 快速将对象转化为JSON格式
- JS 原型继承的几种方法
- javaScript面试题大全
- 学习RxJS:Cycle.js
- [Javascript面试题]--BAT三年面试集锦之Javascript/JS面试(你一定会遇到)
- 天地图河池,天地图巴马
- json使用方法之对象和json和字符串互转
- js表单验证
- js清空web用户控件的值
- JS滚轮事件封装
- javascript基础复习--2016.6.16
- [js]变量与数据类型篇
- 【转】图解:JavaScript中Number的一些表示上/下限 V4.2
- [js]正则篇
- 玩转JavaScript OOP[4]——实现继承的12种套路
- 深入了解javascript的sort方法
- C#局域网内UDP广播获取获取JSON数据并解析