博客列表 >不同的数组类型与访问方式,分支的不同类型

不同的数组类型与访问方式,分支的不同类型

PHui
PHui原创
2022年11月04日 11:20:54285浏览

1.不同的数组类型与访问方式

  1. console.log("-------// ! 1.数值(number)-------");
  2. console.log(123, typeof 123);
  3. console.log("-------//! 2.字符串(string)-------");
  4. console.log("baidu.com", typeof "baidu.com");
  5. console.log("-------//! 3.布尔(boolean)-------");
  6. console.log(true, typeof true);
  7. console.log("-------//! 4.undefined-------");
  8. console.log(typeof a);
  9. console.log("-------//! 5.null(不返回null,返回object)-------");
  10. console.log(typeof null);
  11. console.log("-------//! 6.数组(array)-------");
  12. const arr = ["苹果", 10, "red"];
  13. console.log("array: ", arr[0], arr[1], arr[2]);
  14. // 判断: 不用typeof, 用 Array.isArray(arr)
  15. console.log(typeof arr, Array.isArray(arr));
  16. console.log("-------//! 7.对象(object)-------");
  17. const item = {
  18. name: "苹果",
  19. price: 10,
  20. color: "red",
  21. };
  22. console.log("object: ", item.name, item.price, item.color);
  23. console.log(typeof item);
  24. console.log("-------//! 8.函数(function)-------");
  25. function fn1() {}
  26. // 匿名函数,用一个变量来引用
  27. const fn2 = function () {};
  28. // 箭头函数: 匿名函数的简写
  29. const fn3 = () => {};
  30. console.log(typeof fn1, typeof fn2, typeof fn3);
  31. console.log("-------// ! 9.一维数组-------");
  32. const arr1 = ["苹果", 10, "red"];
  33. arr1.forEach(item => console.log(item));
  34. console.log("-------// ! 10.多维数组-------");
  35. const arr2 = [
  36. ["苹果", 10, "red"],
  37. ["梨", 12, "yellow"],
  38. ["香蕉", 6, "yello"],
  39. ];
  40. arr2.forEach(item => console.log(item));
  41. console.log("-------// ! 11.对象数组-------");
  42. const arr3 = [
  43. { name: "苹果", price: 10, color: "red" },
  44. { name: "梨", price: 12, color: "yellow" },
  45. { name: "香蕉", price: 6, color: "yello" },
  46. ];
  47. arr3.forEach(item => console.log(item));
  48. console.log("-------// ! 12.类数组-------");
  49. const arr4 = {
  50. 0: "苹果",
  51. 1: "梨",
  52. 2: "香蕉",
  53. length: 3,
  54. };
  55. console.log(Array.from(arr4));

2.分支的不同类型

  1. console.log("------// * 1. 单分支-------");
  2. if (true) {
  3. console.log("success");
  4. }
  5. console.log("------// * 2. 双分支(简化: 三元)-------");
  6. let status = !true;
  7. if (status) {
  8. console.log("成功");
  9. } else {
  10. console.log("失败");
  11. }
  12. // 三元进行简化
  13. let result = status ? "成功" : "失败";
  14. console.log(result);
  15. console.log("------// * 3. 多分支(简化: switch)-------");
  16. let grade = "E";
  17. if (grade === "A") {
  18. console.log("优秀");
  19. } else {
  20. if (grade === "B") {
  21. console.log("良好");
  22. } else {
  23. if (grade === "C") {
  24. console.log("合格");
  25. } else {
  26. if (grade === "D") {
  27. console.log("补考");
  28. } else {
  29. console.log("非法输入");
  30. }
  31. }
  32. }
  33. }
  34. //?switch
  35. grade = "C";
  36. switch (grade) {
  37. case "A":
  38. console.log("优秀");
  39. break;
  40. case "B":
  41. console.log("良好");
  42. break;
  43. case "C":
  44. console.log("合格");
  45. break;
  46. case "D":
  47. console.log("补考");
  48. break;
  49. default:
  50. console.log("非法输入");
  51. break;
  52. }

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议