Understand Node.js Buffers

Will Button
InstructorWill Button
Share this video with your friends

Social Share Links

Send Tweet
Published 9 years ago
Updated 5 years ago

In this lesson, we cover the Node.js Buffer object in detail. Not only will you learn that the buffer object is a reference to a memory space outside of the V8 engine, but you will learn practical methods to access it, modify it, and convert it to standard Javascript objects that can be used by your code. Examples and discussion are provided for using the toString() method, determining the byte length of the buffer, writing to a buffer, how to avoid truncating data, comparing buffers for equality using both compare() and equals(), and copying buffers using slice().

[00:01] Many times, the data that you receive is going to be either from a file from the file system or a TCP stream, both of which represent octet streams and can't be natively used by JavaScript. In this lesson, we're going to explore the global buffer object and learn how to use it to convert your incoming data into a usable format.

[00:22] The raw data is stored in an instance of the buffer class, which is similar to an array of integers but actually corresponds to raw memory outside of the V8 engine. Because this is outside of the V8 engine, a buffer can't be resized.

[00:42] Let's start once again by entering the node REPL interface, which we get into by typing the node command with no additional arguments. We're just going to read a file off of the hard drive. I've got a file called zork.txt. We're going to provide a callback here.

[00:59] Then just log that out to the screen. You can see the output here is the actual raw buffer. It's not really useful to us if we wanted to manipulate the contents of that file.

[01:19] Let's do that one more time. This time, instead of writing it out directly to the screen, we're going to call the toString method. Now when it prints out, you can actually see the text of the file that could actually be in a usable format for us.

[01:43] There's another way to do this. To illustrate it, we're going to supply the name of our file. This time we're going to provide an optional parameter that specifies the encoding of the characters in that file. Then we move on to our callback.

[02:05] Now, like in the first example, we're just going to write the data object out to the console. You can see, now we get the benefits of both. Our data has been converted from the buffer into its native text because we specified the encoding when we called the readfile function.

[02:31] The buffer object also has a byteLength method that will return the actual byte length of a string. If we create a string object here and then just paste in some random text from my clipboard, you can see that my random text actually was the encoded characters for the string "Hello, world." If we do a string.length on that, the result is 12 because there are actually 12 characters in our string.

[03:03] Now if we take a look at the byte length of that same string, we call the byteLength method. We pass in our string object. Then we specify the encoding. The result comes out to be 12 as well.

[03:23] There is an easy mistake you can jump to here in assuming that the string length and the buffer byte length are the same. Let's do another quick example here to show how that's not always the case.

[03:37] We're going to modify the contents of our string object here. This time our string is equal to the text of one-half plus one-quarter is equal to three-quarters. If we do string.length, it comes out to nine because there are nine characters inside of our string here, remembering to include the spaces. If we do our buffer.byteLength, passing in our string object and our code encoding of UTF-8, the result is 12.

[04:14] The reason is because our fraction characters inside of our string of one-half, one-quarter and three-quarter are actually two bytes in length. The reason the string length and the buffer byte length were the same in our first example is because each of the characters in our string were one byte in length, but that's not always 1 for the characters that you're going to receive in any encoding outside of the ASCII format.

[04:46] We'll come back to that in just a second. I'll show you why that's important to distinguish between those two. First, I need to introduce the buffer write method. Let's create a new buffer called "Buff." We're going to create it, and five bytes in length. Then we can write to that using the write method.

[05:06] Let's write the string "Hello, world" into that buffer. Now if we use our toString method, you can see that the buffer accepted the first five bytes, the word "hello," and then it dropped the rest of our string.

[05:26] Now you can understand the importance of being able to determine the byte length of your string when writing back to a buffer, because it can mean the difference between writing all of your data back to a buffer or truncating your data and not being able to catch that until later when you have errors in your application.

[05:47] The write method also has an optional parameter for the offset. If we specify an offset of two here, and then we write out our toString method, you can see that the first two bytes of our buffer were skipped as specified by the offset. It started writing at the third byte.

[06:11] There is a third optional parameter for the buffer write method as well. If we specify our offset and then the optional length parameter when we write that, you can see that, once again, it's specified by the offset. We skipped the first two bytes and then we wrote one byte, starting at the end of the offset.

[06:36] The final optional parameter for the write method, after the offset and after the length, is for the encoding, when you can specify the type of encoding for your string. It defaults to UTF-8 if you don't specify anything. You can see, we wrote a single character of Y because we specified an offset of two and a length of one with an encoding of UTF-8.

[07:09] The buffer object has two different methods for measuring or checking the quality of buffers. There's compare and equals. To see how those work, let's create some buffers here. We'll create a new one with the text contents of "one, two, three, four." We'll create a second one that we're going to fill with "one, two, three," and a third that we'll fill with "one, two, three, four."

[07:46] Now we can do buff one .compare and compare it to buff two, and we get a one, indicating that those two are not equal. Then if we compare it to three, we get a zero, indicating that they are the same.

[08:00] We can use the equals method as well. That returns 1 or rather than an integer. The .compare method is also useful for sorting buffers. If we have an array that contains buff one and buff two, we can use the array sort method and specify the buffer .compare in there and get the sorted results of that array.

[08:40] We've been using the .toString method to write our buffers out as a string. There is also a .Sign method that will return your buffer in a properly formatted Jsign object, indicating the type as buffer and then the contents of the buffer object as a data array.

[09:00] The last method we're going to discuss here is the slice method. Let's create a buffer object, and let's put the string "Hello, world" inside of it. Now let's create a new buffer using the slice method.

[09:25] It requires two parameters. The first is the offset. Then the second is the length of the new buffer. If we take a look at buff two as a string, you can see we got the first three characters of our original array that we used as the source.

[09:45] One thing to note about this is it doesn't create a new independent buffer. It's only a memory reference to the source buffer. If we were to do something like a write operation on buff two, we can see that buff two now contains our characters XXX. If we go look at buff one, you can see that the first three characters of our original buffer were replaced because buff two is just a pointer to a specific location in buff one.

Tiago Roldão
Tiago Roldão
~ 9 years ago

There is a slightly confusing description of Buffer.compare in this video.

Namely, mentioning return values of 1 as meaning "not equal", which, while true, ignores what compare actually does.

Will Button
Will Buttoninstructor
~ 9 years ago

Good point. There is an opportunity there to explore compare further and how it is commonly used for sorting arrays.

Andrew
Andrew
~ 9 years ago

Since .slice is just a pointer, how would one go about actually creating a new buffer from a slice rather than just a pointer?

Will Button
Will Buttoninstructor
~ 9 years ago

Create your new buffer, then use buffer.copy to copy the desired contents into it. See an example here: https://nodejs.org/api/buffer.html#buffer_buf_copy_targetbuffer_targetstart_sourcestart_sourceend

Leanne
Leanne
~ 8 years ago

With compare, I get a negative 1 (-1) when not equal and a zero when equal so I think there is a mistake here? Makes sense that it would work like other JS checking methods like indexOf

Will Button
Will Buttoninstructor
~ 8 years ago

Yup- I didn't do a great job of explaining it in the video. The return value of compare indicates whether the buffer being compared is before, the same, or after the target buffer in the sort order. 0 is returned if it is the same, 1 if the target comes before the buffer being compared when sorted, -1 if it the target should come after the buffer being compared The current node.js documentation has been much improved since the recording of this lesson. Take a look and see if it helps, and thanks for posting! https://nodejs.org/api/buffer.html#buffer_buf_compare_target_targetstart_targetend_sourcestart_sourceend

ryan
ryan
~ 7 years ago

Anyone else name their Buffer "const vampireSlayer = new Buffer(5);"?

Will Button
Will Buttoninstructor
~ 7 years ago

Only in production. This ensures the app will only die if a wooden stake is driven through the event loop.

Daniel Otto
Daniel Otto
~ 7 years ago

what are the real-world uses for Buffer?

Will Button
Will Buttoninstructor
~ 7 years ago

Retrieving/downloading/reading files.

Will Button
Will Buttoninstructor
~ 7 years ago

More detailed answer: Using the AWS SDK for Javascript, you can download files from S3:

var s3 = new AWS.S3(config);
    var secure_file = s3.getObject({
        Bucket: 'my_bucket',
        Key: 'my_file.mp3'
    }, function(err, data){
        console.log('Accessing secure, encrypted file in S3');
        if (err) console.log(err);
        else console.log(data);
    })

Looking at the console output for data, you can see that the file object returned is a buffer:

{ AcceptRanges: 'bytes',
  LastModified: 2017-03-29T00:14:08.000Z,
  ContentLength: 46932816,
  ETag: '"624062b6df66799b753bbbf2285d02a8"',
  VersionId: 'null',
  ContentType: 'audio/mp3',
  Metadata: {},
  Body: <Buffer ff fb 94 64 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 58 69 6e 67 00 00 00
0f 00 01 4a 33 02 cc ... > }

Hope that helps!

Markdown supported.
Become a member to join the discussionEnroll Today