Blogger Information
Blog 12
fans 0
comment 0
visits 6517
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
字符串 和数组的方法 以及js 的分支 和循环
Giesen?
Original
471 people have browsed it

字符串和数组的方法

  1. //字符串 拼装 concat()
  2. let str = "html" + ",css" + ",js";
  3. console.log(str);
  4. str = "html".concat(",css",",js");
  5. console.log(str);
  6. // slice()从子串 正数是从左到右 负数是从右到左
  7. let php = "Hello PHP.CN";
  8. let res = php.slice(0, 5);
  9. // Hello
  10. console.log(res);
  11. res = php.slice(1,-5);
  12. console.log(res);
  13. let add = "Hello PHP.CN";
  14. res = add.split(" ");
  15. // Hello PHP.CN
  16. console.log(res);
  17. // 字符转数组 split("作为分割数组的元素")
  18. let aka = "这个面它又长又宽,这个碗它又大又圆";
  19. AKA = aka.split(",");
  20. console.log(AKA);
  21. // 数组的 增加删除
  22. // 数组头部处理: 添加 unshift();参数为加入数组的元素 删除 shift(); 无参数
  23. // 数组尾部处理: 添加 push();参数为加入数组的元素 删除 pop();无参数
  24. let arr1 = ['ada','a','bbbbb','ccccc','ddddd'];
  25. // 头部增删
  26. arr1.unshift('html');
  27. console.log(arr1);
  28. arr1.shift();
  29. console.log(arr1);
  30. // 尾部增删
  31. arr1.push('html');
  32. console.log(arr1);
  33. arr1.pop();
  34. console.log(arr1);
  35. // split () 字符串 ---> 转数组 join() 数组 -----> 转字符串
  36. let arr2 = ["小明","是一个非常乖的孩子","非常有礼貌"];
  37. let str1 = '小明是一个熊孩子';
  38. let Arr2= arr2.join("</li><li>");
  39. console.log(Arr2);
  40. let Str1 = str1.split('');
  41. console.log(Str1);
  42. let html = `<ul><li>${Arr2}<ul><li>`;
  43. // console.log(html);
  44. document.body.insertAdjacentHTML("beforeend",html);

分支

  1. let a = 45;
  2. // 单分支
  3. if(0<a<60){
  4. console.log("加油继续努力");
  5. }
  6. // 双分支
  7. if(a>=60){
  8. console.log('考试及格');
  9. }else{
  10. console.log('考试不及格');
  11. }
  12. // 双分支 三元操作简化
  13. let z = a >= 60 ? '考试及格' : '考试不及格';
  14. console.log(z);
  15. // 多分支
  16. if(80>=a>=60){
  17. console.log('考试及格');
  18. }else if(a>80){
  19. console.log('非常优秀');
  20. }else if(a<60){
  21. console.log('再接再励');
  22. }else if(a<0 && a>100){
  23. console.log('成绩错误');
  24. }
  25. //switch: 通常用在单值 多条件判断要返回true
  26. switch(true){
  27. case 80>= a >= 60:
  28. console.log('考试及格');
  29. break;
  30. case a>80:
  31. console.log('非常优秀');
  32. break;
  33. case a<0 && a>100:
  34. console.log('成绩错误');
  35. break;
  36. default:
  37. console.log("补考吧");
  38. }

循环

  1. let i = 0;
  2. while(i<10){
  3. i++;
  4. console.log(i);
  5. }
  6. let color = ['a','b','c','f']
  7. i = 0 ;
  8. do {
  9. console.log(color[i]);
  10. i++;
  11. }while (i < color.length);
  12. for (i = 0; i < color.length; i++) {
  13. console.log(color[i]);
  14. }
  15. let user = {
  16. userName: '小明',
  17. age: '21',
  18. from: 'china'
  19. };
  20. for(let key in user){
  21. console.log(user[key]);
  22. }
  23. user = {
  24. 0: 1,
  25. 1: "admin",
  26. 2: "admin@php.cn",
  27. length: 3,
  28. };
  29. for(let key of Array.from(user)){
  30. console.log(key);
  31. }
Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!