【产品学习前端入门】JS入门熟悉第二天

127 阅读2分钟

敲开前端的学习大门---技术小白努力自学第二天~

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第3天,点击查看活动详情

学习过程怎么能少了部分重点知识的疑难问题呢,把学习过程中的部分觉得需要思考的内容单独mark了出来。也算是对自己的一种重新记忆和确认吧~大家也可以关注看看(小白做题,大佬们见谅)

重点内容&部分特别例题

如果数组的某个元素又是一个Array,则可以形成多维数组

多维数组练习:如何通过索引取到500这个值:

'use strict';
var arr = [[1, 2, 3], [400, 500, 600], '-'];
var x = arr[1][1]
console.log(x);

取得索引排序练习:在新生欢迎会上,你已经拿到了新同学的名单,请排序后显示:欢迎XXXXXXXXXXXX同学!

'use strict';
var arr = ['小明', '小红', '大军', '阿黄'];
arr.sort()
var x=arr.slice(0,3)
var y=arr[3]
console.log('欢迎' + x + '和' + y + '同学!');
=》欢迎大军,小明,小红和阿黄同学!

JavaScript用一个{...}表示一个对象,是动态类型,可以给一个对象添加或删除属性:

对象
var xiaoming = {
    name: '小明',
    birth: 1990,
    school: 'No.1 Middle School',
    height: 1.70,
    weight: 65,
    score: null
};

获取对象属性
xiaoming.name; // '小明'
xiaoming.birth; // 1990
xiaohong['middle-school']; // 'No.1 Middle School',因为属性middle-school中包含特殊字符,必须使用'',才能获取
xiaohong['name']; // '小红'
xiaohong.name; // '小红'  不包含特殊字符,可以直接用.获取

添加或删除对象属性
var xiaoming = {
    name: '小明'
};
xiaoming.age; // undefined
xiaoming.age = 18; // 新增一个age属性
xiaoming.age; // 18
delete xiaoming.age; // 删除age属性
xiaoming.age; // undefined
delete xiaoming['name']; // 删除name属性
xiaoming.name; // undefined
delete xiaoming.school; // 删除一个不存在的school属性也不会报错

检测是否存在属性
var xiaoming = {
    name: '小明',
    birth: 1990,
    school: 'No.1 Middle School',
    height: 1.70,
    weight: 65,
    score: null
};
'name' in xiaoming; // true
'grade' in xiaoming; // false

for循环在已知循环的初始和结束条件时非常有用。而上述忽略了条件的for循环容易让人看不清循环的逻辑,此时用while循环更佳。

while循环只有一个判断条件,条件满足,就不断循环,条件不满足时则退出循环。

for 正序
'use strict';
var arr = ['Bart', 'Lisa', 'Adam'];
var i, x;
for (i=0; i<arr.length; i++) {
    x = arr[i]
    console.log('hello,' + x + '!');

}

for 倒序
'use strict';
var arr = ['Bart', 'Lisa', 'Adam'];
var i, x
for (i=arr.length -1 ; i >= 0 ;i--) {
     x=arr[i]
     console.log('hello,' + x +'!')

}

while 正序
'use strict';
var arr = ['Bart', 'Lisa', 'Adam'];
var i = 0;
while (i < arr.length) {
      x=arr[i];
      console.log('hello,' + x + '!');
      i=i+1 ;
}


while 倒序
'use strict';
var arr = ['Bart', 'Lisa', 'Adam'];
var i =arr.length -1 
while(i >=0) {
     x=arr[i]
     console.log('hello,' + x + '!')
     i=i-1
}

以上习题&笔记从大佬们的论坛学习而来,特感谢大佬们的知识分享~ (学习技术知识,果然要看大佬们的技术博客,大家有好的推荐也欢迎指引我这个小白哈,感恩!)

附上学习链接,感谢这些大佬出题和解答:

www.liaoxuefeng.com/wiki/102291…

wangdoc.com/javascript/…