前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript 数据类型

JavaScript 数据类型

作者头像
棒棒鸡不棒
发布2022-09-01 13:18:45
3070
发布2022-09-01 13:18:45
举报
文章被收录于专栏:文鹃阁

前言

本篇为廖雪峰官网 JavaScript教程复习,记下一些基本知识和API供自己复习用

数字

  • 1:-1 0 0
  • 字符数:2.33
  • 科学计数法:1.23e5
  • NaN:Not a Number ,无法计算时用 NaN 表示
  • Infinity:无穷大,超过了 JavaScript 的最大表示值时用 Infinity 表示
  • 解析数:0xffff

方法

  • 四则选择

细绳

  • '你好'
  • “你好”
  • 多行字符串 `这是一个 多行 字符串`;
  • '\x:用\x##十六公式表示1' ASCII码
  • '\u4e2d\u6587' :用 \u####表示一个 Unicode 字符

方法

  • 长度
  • toUpperCase()
  • toLowerCase()
  • indexOf() //搜索指定字符串出现的位置
代码语言:javascript
复制
indexOf() //搜索指定字符串出现的位置

var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 没有找到指定的子串,返回-1
  • substring() // 返回指定序列的子串
代码语言:javascript
复制
var s = 'hello, world'
s.substring(0, 5); // 从索引0开始到5(不包括5),返回'hello'
s.substring(7); // 从索引7开始到结束,返回'world'
  • 戏剧作品可以用+多种作品创作方法和作品号,有很多作品要创作的作品和多款作品(表示行行字符串一样)自动替换
代码语言:javascript
复制
 var name = '小明';
var age = 20;
var message = '你好, ' + name + ', 你今年' + age + '岁了!';
alert(message);
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);

布尔

  • 真的
  • 错误的

方法

代码语言:javascript
复制
或者 
  • 且&&
  • 非!

注意力

  • JavaScript 允许对任意数据作比较,因此用==比较会生成数据比较,用===就不会使用==进行比较,永远使用类型===进行比较!
代码语言:javascript
复制
false == 0; // true
false === 0; // false 
  • NaN 与其他值的所有变化,包括自己,只用isNaN()进行
代码语言:javascript
复制
NaN === NaN; // false
isNaN(NaN); // true

空 & 未定义

  • null 表示空值,相当于 python 中的 None
  • undefined 表示值没有被定义
  • 情况下还是应该用null

大批

  • var arr = [1, 2, 3.14, 'Hello', null, true];
  • var arr = new Array(1, 2, 3)

方法

  • 指数
  • 长度
  • 指数( )
代码语言:javascript
复制
var arr = [10, 20, '30', 'xyz'];
arr.indexOf(10); // 元素10的索引为0
arr.indexOf(20); // 元素20的索引为1
arr.indexOf(30); // 元素30没有找到,返回-1
arr.indexOf('30'); // 元素'30'的索引为2 
  • slice( ) :python 的切片,string 的子字符串
  • 推()和弹出()
  • unshift() & shift() :unshift在数组中添加元素,shift在头部删除元素
  • 种类()
  • 撤销()
  • 拼接()
代码语言:javascript
复制
var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 从索引2开始删除3个元素,然后再添加两个元素:
arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只删除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']
arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不删除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
  • concat() 连接两个数组并返回一个新的数组
代码语言:javascript
复制
var arr = ['A', 'B', 'C'];
var added = arr.concat([1, 2, 3]);
added; // ['A', 'B', 'C', 1, 2, 3]
arr; // ['A', 'B', 'C']
  • join() :和python一样,将数组用一定的连接符连接成字符串
代码语言:javascript
复制
var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'

目的

代码语言:javascript
复制
var person = {
    name: 'Bob',
    age: 20,
    tags: ['js', 'web', 'mobile'],
    city: 'Beijing',
    hasCar: true,
    zipcode: null
};

方法

  • obj.prop & obj['prop'] 例如 person.name; //'鲍勃'
代码语言:javascript
复制
 var xiaohong = {
    name: '小红',
    'middle-school': 'No.1 Middle School'
};
xiaohong['middle-school']; // 'No.1 Middle School'
xiaohong['name']; // '小红'
xiaohong.name; // '小红'
  • 动态特性:
代码语言:javascript
复制
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属性也不会报错
  • 出自:认定对象有没有继承的属性(可能通过继承)
代码语言:javascript
复制
 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
'toString' in xiaoming; // true
  • hasOwnProperty():判断对象是否有自己的属性(非继承获得)
代码语言:javascript
复制
var xiaoming = {
    name: '小明'
};
xiaoming.hasOwnProperty('name'); // true
xiaoming.hasOwnProperty('toString'); // false
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 数字
    • 方法
    • 细绳
      • 方法
      • 布尔
        • 方法
          • 注意力
          • 空 & 未定义
            • 大批
              • 方法
            • 目的
              • 方法
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档