zoukankan      html  css  js  c++  java
  • JavaScript【引用类型】转换方法

    以下为学习《JavaScript 高级程序设计》》(第 3 版) 所做笔记。

    所有对象都有 toLocaleString() 、toString() 和 valueOf() 方法。

     1 <script>
     2     var arr1 = ["a","b","c"];
     3 
     4     //toString
     5     //输出一个字符串。将数组中每一个值用逗号隔开输出
     6     alert(arr1.toString());                //输出:a,b,c
     7 
     8     //valueOf()
     9     //与调用toString()结果一样。alert()要接收字符串参数,所以回在后台调用toString()方法
    10     alert(arr1.valueOf());                //输出:a,b,c
    11     //返回数组
    12     console.log(arr1.valueOf());        //输出:(3) ["a", "b", "c"]
    13 
    14     //toLocaleString()
    15     //通常调用toLocaleString()方法,返回跟toString()、valueOf()一样的值
    16     alert(arr1.toLocaleString());        //输出:a,b,c
    17     //调用数组的toLocaleString()方法,调用的是每一项的toLocaleString()方法
    18     var arr1 = {
    19         toLocaleString : function(){
    20             return "a";
    21         },
    22         toString : function(){
    23             return "apple";
    24         }
    25     };
    26     var arr2 = {
    27         toLocaleString : function(){
    28             return "b";
    29         },
    30         toString : function(){
    31             return "banana";
    32         }
    33     };
    34     var arr = [arr1,arr2];
    35     alert(arr);                            //输出:apple,banana
    36     alert(arr.toString());                //输出:apple,banana
    37     alert(arr.toLocaleString());        //输出:a,b
    38 </script>

    使用不同的分隔符构建字符串。若数组中的某一项的值为 undefined 或者 null, 那么该值在调用方法后返回的字符串中以空字符串表示。

    1 <script>
    2     var arr1 = ["a","b","c",undefined,null];
    3     console.log(arr1.join(","));        //输出:a,b,c,,
    4     console.log(arr1.join("||"));        //输出:a||b||c||||
    5     console.log(arr1.join());            //输出:a,b,c,,
    6     console.log(arr1.join(undefined));    //输出:a,b,c,,
    7     console.log(arr1.join(null));        //输出:anullbnullcnullnull
    8 </script>
  • 相关阅读:
    css | js 实现扩展卡片小demo
    ESLint如何配置
    (js描述的)数据结构[哈希表1.3](10)
    (js描述的)数据结构[哈希表1.2](9)
    VSCode——自定义VSCode背景图片
    VSCode 初次写vue项目并一键生成.vue模版
    (js描述的)数据结构[哈希表1.1](8)
    (js描述的)数据结构[字典](7)
    Vue 实战项目: 硅谷外卖(1)
    脑残式网络编程入门(六):什么是公网IP和内网IP?NAT转换又是什么鬼?
  • 原文地址:https://www.cnblogs.com/xiaoxuStudy/p/12246752.html
Copyright © 2011-2022 走看看